将值绑定到html选择

<select id="mySelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<select id="dynamicSelect"></select>

<script>
  const options = [
    { value: 'option1', text: 'Option 1' },
    { value: 'option2', text: 'Option 2' },
    { value: 'option3', text: 'Option 3' }
  ];

  const select = document.getElementById('dynamicSelect');
  options.forEach(option => {
    const el = document.createElement('option');
    el.value = option.value;
    el.textContent = option.text;
    select.appendChild(el);
  });
</script>

document.addEventListener('DOMContentLoaded', function() {
  // 动态绑定代码
});

<form action="/submit" method="post">
  <select name="selectedOption" id="mySelect">
    <!-- 选项 -->
  </select>
  <button type="submit">Submit</button>
</form>