jquery获取select的option值

获取select选中option的值

使用jQuery获取<select>元素当前选中option的值，可以通过val()方法直接实现。该方法返回被选中的option的value属性值。

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

获取select选中option的文本

如果需要获取选中option的显示文本而非value值，可以通过以下方式实现：

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

获取select所有option的值

遍历select下的所有option并获取它们的值或文本：

$('#selectId option').each(function() {
    var optionValue = $(this).val();
    var optionText = $(this).text();
    console.log(optionValue, optionText);
});

动态监听select变化

通过事件监听实时获取select选中的值：

$('#selectId').on('change', function() {
    var currentValue = $(this).val();
    console.log('当前选中值:', currentValue);
});

多选select的处理

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

var selectedValues = $('#multiSelectId').val(); // 返回数组

注意事项

• 确保DOM加载完成后再执行jQuery代码，可以将代码放在$(document).ready()中
• 如果select元素没有设置value属性，val()方法会返回空字符串
• 对于多级联动select，注意事件冒泡和委托的处理