js select赋值

// 示例代码：使用 JavaScript 为 <select> 元素赋值

// 假设我们有一个 HTML 中的 <select> 元素，如下：
// <select id="mySelect">
//   <option value="1">Option 1</option>
//   <option value="2">Option 2</option>
//   <option value="3">Option 3</option>
// </select>

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

// 方法 1: 直接设置 selectedIndex 属性来选择选项
selectElement.selectedIndex = 1; // 选择第二个选项 (索引从0开始)

// 方法 2: 使用 value 属性来选择选项
selectElement.value = "3"; // 选择 value 为 "3" 的选项

// 方法 3: 遍历所有 <option> 元素并手动设置 selected 属性
for (var i = 0; i < selectElement.options.length; i++) {
  if (selectElement.options[i].value === "2") {
    selectElement.options[i].selected = true;
    break;
  }
}

// 解释说明：
// 1. `selectedIndex` 是最简单的方法，直接根据索引来选择选项。
// 2. `value` 属性可以根据选项的 value 来选择。
// 3. 手动遍历 `<option>` 元素可以更灵活地控制选择逻辑，适合复杂场景。