javascript - 为每个选项值创建单独的下拉菜单

Question

我有基本的 2 个下拉菜单。基于第一个下拉菜单选择值，我想显示第二个下拉菜单，但它应该是基于独立值的。 例如-

<select id="loc_type">
  <option value="1">unit</option>
  <option value="2">property</option>
</select>

<select id="my_locations">
  <option value="38564">loc1</option>
  <option value="38565">loc2</option>
  <option value="39206">loc3</option>
  <option value="38805">loc4</option>
  <option value="38436">loc5</option>
</select>

预期输出 - 假设我选择了第一个选项。然后，它加载第二个下拉列表，选择值“loc1”。此外，它加载下一个下拉列表，选择值“loc2”。每个值都有单独的下拉列表。

Answer 1

试试这个

     <select id="loc_type" onchange="getComboA(this)">

然后添加此 JavaScript 代码

       <script>
          function getComboA(selectObject) {
          var value = selectObject.value;              
          var element = document.getElementById('my_locations');             
          element.selectedIndex  = value-1;
           }
       </script>