jquery获取select选中的值

获取 select 选中值的方法

使用 jQuery 获取 <select> 元素选中的值可以通过以下几种方式实现：

通过 val() 方法获取选中值
直接调用 jQuery 的 val() 方法，返回当前选中项的 value 属性值：

var selectedValue = $('#selectId').val();

通过 :selected 选择器获取选中项
结合 find() 和 :selected 选择器获取选中的 <option> 元素，再提取其值或文本：

// 获取选中项的 value
var selectedValue = $('#selectId option:selected').val();

// 获取选中项的显示文本
var selectedText = $('#selectId option:selected').text();

处理多选 select 元素
对于设置了 multiple 属性的 <select>，需遍历所有选中项的值：

var selectedValues = [];
$('#multiSelectId option:selected').each(function() {
    selectedValues.push($(this).val());
});

注意事项

• 确保 DOM 加载完成后执行代码，可将代码放在 $(document).ready() 中。
• 若未选中任何项，单选框会返回 undefined，多选框返回空数组。
• 如需监听选择变化事件，可绑定 change 事件：

  $('#selectId').on('change', function() {
    console.log($(this).val());
  });

以上方法覆盖了单选、多选及动态监听等常见场景，根据需求选择合适的方式即可。