Javascript 如何在html中刷新 Select 列表

我有一个下拉列表，根据 Select 的值，下一个下拉列表显示特定的值.当更改第一个列表的值，然后返回到旧值时，第二个列表不会更新.保持之前 Select 的相同值.当我更改第一个列表的值时，如何使第二个列表更新为默认标记为选中的值？

我希望你们能理解我，谢谢你们抽出时间.

以下是代码:

    <select onchange="showprd('hidevalue', this), showprd2('hidevalue2', this)">
<option value="" disabled selected hidden>Selecione</option>
<option value="0">São Francisco</option>
<option value="1">Bradesco</option>
</select>
<br>
<br>
<select hidden id="hidevalue">
    <option value="" disabled selected hidden>Selecione o produto</option>
    <option value="pleno">Pleno</option>
    <option value="integrado">Integrado</option>
    </select>
    <select hidden id="hidevalue2">
        <option value="" disabled selected hidden>Selecione o produto</option>
        <option value="junior">Junior</option>
        <option value="senior">Senior</option>
        </select>
</body>
<script>
   function showprd(id, elementValue) {
      document.getElementById(id).style.display = elementValue.value == 0 ? 'block' : 'none';
   }
   function showprd2(id, elementValue) {
      document.getElementById(id).style.display = elementValue.value == 1 ? 'block' : 'none';
   }
</script>