未绑定到选择菜单中的选定选项的值

<select id="mySelect">
  <option value="1">Option 1</option>
  <option value="2" selected>Option 2</option>
  <option value="3">Option 3</option>
</select>

document.addEventListener('DOMContentLoaded', function() {
  var selectElement = document.getElementById('mySelect');
  selectElement.value = '2'; // 设置选定的值为'2'
});

fetch('/api/options')
  .then(response => response.json())
  .then(data => {
    var selectElement = document.getElementById('mySelect');
    selectElement.innerHTML = ''; // 清空现有选项
    data.forEach(option => {
      var opt = document.createElement('option');
      opt.value = option.value;
      opt.textContent = option.text;
      if (option.selected) {
        opt.setAttribute('selected', '');
      }
      selectElement.appendChild(opt);
    });
  });