jquery下拉选项

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

<select id="mySelect"></select>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    var options = [
      { value: 'option1', text: 'Option 1' },
      { value: 'option2', text: 'Option 2' },
      { value: 'option3', text: 'Option 3' }
    ];

    $.each(options, function(index, option) {
      $('#mySelect').append($('<option>').attr('value', option.value).text(option.text));
    });
  });
</script>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

$(document).ready(function() {
  $('#mySelect').on('change', function() {
    alert('Selected value: ' + $(this).val());
  });
});