js控制select默认选中

<select id="mySelect">
  <option value="1">Option 1</option>
  <option value="2" selected>Option 2</option> <!-- 默认选中 -->
  <option value="3">Option 3</option>
</select>

<select id="dynamicSelect">
  <option value="apple">Apple</option>
  <option value="banana">Banana</option>
  <option value="cherry">Cherry</option>
</select>

<script>
  // 假设这是从服务器获取的默认值
  var defaultValue = "banana";

  // 获取select元素
  var selectElement = document.getElementById("dynamicSelect");

  // 遍历所有option，找到匹配的并设置selected属性
  for (var i = 0; i < selectElement.options.length; i++) {
    if (selectElement.options[i].value === defaultValue) {
      selectElement.options[i].selected = true;
      break; // 找到后即退出循环
    }
  }
</script>

window.onload = function() {
  // 上面的动态设置默认值的代码放在这里
};