实现jquery下拉菜单的动态选项

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

<select id="myDropdown"></select>

// 定义要添加的选项
var options = [
  { text: "选项1", value: "option1" },
  { text: "选项2", value: "option2" },
  { text: "选项3", value: "option3" }
];

// 遍历选项数组，动态添加选项到下拉菜单中
$.each(options, function(index, option) {
  $('#myDropdown').append($('<option>').text(option.text).attr('value', option.value));
});

// 监听下拉菜单选项变化的事件
$('#myDropdown').on('change', function() {
  var selectedValue = $(this).val();
  
  // 根据选中的值执行相应的操作
  if (selectedValue === 'option1') {
    // 执行选项1的操作
  } else if (selectedValue === 'option2') {
    // 执行选项2的操作
  } else if (selectedValue === 'option3') {
    // 执行选项3的操作
  }
});