js改变option的值

// 假设有一个 <select> 元素和一个按钮
// <select id="mySelect">
//   <option value="1">Option 1</option>
//   <option value="2">Option 2</option>
// </select>
// <button onclick="changeOption()">Change Option</button>

function changeOption() {
  // 获取 <select> 元素
  var selectElement = document.getElementById('mySelect');
  
  // 创建一个新的 <option> 元素
  var newOption = document.createElement('option');
  newOption.value = '3'; // 设置新的 value
  newOption.text = 'Option 3'; // 设置显示的文本
  
  // 将新的 <option> 添加到 <select> 中
  selectElement.add(newOption);
  
  // 如果你想替换现有的某个 <option>，可以先移除再添加
  // selectElement.removeChild(selectElement.options[1]); // 移除第二个选项
}

function setSelectedOption() {
  var selectElement = document.getElementById('mySelect');
  // 设置第一个选项为选中状态
  selectElement.selectedIndex = 0;
  // 或者通过value来设置
  selectElement.value = '2';
}