jquery获取select选中值

获取select选中值的方法

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

获取选中项的value值

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

val()方法直接返回当前选中项的value属性值。

获取选中项的文本内容

var selectedText = $('#selectId option:selected').text();

通过:selected选择器获取被选中的<option>元素，再使用text()方法获取其文本内容。

多选select的情况

var selectedValues = $('#multiSelectId').val();

对于设置了multiple属性的多选框，val()会返回包含所有选中值的数组。

监听select变化事件

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

通过change事件可以实时获取用户选择的变化。

注意事项

• 确保DOM加载完成后再执行jQuery代码，可以将代码放在$(document).ready()中
• 如果select元素没有选中项，val()会返回null
• 对于单选select，val()始终返回单个值，即使select允许多选