jquery取select选中值
获取 select 选中值的方法
使用 jQuery 获取 <select> 元素的选中值可以通过以下方式实现：
方法一：使用 val() 方法
这是最简单直接的方式，适用于单选和多选下拉框。
var selectedValue = $('select').val();方法二：使用 :selected 选择器
适用于需要获取选中项的更多信息（如文本内容）。
var selectedText = $('select option:selected').text();
var selectedValue = $('select option:selected').val();方法三：处理多选 select
若 <select> 设置了 multiple 属性，需遍历所有选中项：
$('select').each(function() {
var selectedValues = $(this).val(); // 返回数组
console.log(selectedValues);
});注意事项
- 若未选中任何选项，
val()返回null（单选）或空数组（多选）。 - 通过
option:selected可访问选中项的 DOM 属性（如data-*自定义属性）。
示例代码
假设 HTML 结构如下：
<select id="mySelect">
<option value="1">Option 1</option>
<option value="2" selected>Option 2</option>
</select>获取选中值和文本：
console.log($('#mySelect').val()); // 输出 "2"
console.log($('#mySelect option:selected').text()); // 输出 "Option 2"
