识别jQuery中的超文本标记语言下拉选择

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

$(document).ready(function() {
  // 选择下拉框元素
  var selectElement = $('#mySelect');

  // 绑定change事件
  selectElement.on('change', function() {
    var selectedValue = $(this).val();
    alert('You selected: ' + selectedValue);
  });
});

// 添加新选项
$('#mySelect').append('<option value="newOption">New Option</option>');

// 删除特定值的选项
$('#mySelect option[value="option2"]').remove();

$('#mySelect').append('<option value="newOption">New Option</option>').trigger('change');

$(document).on('change', '#mySelect', function() {
  var selectedValue = $(this).val();
  alert('You selected: ' + selectedValue);
});