jquery获取select

使用 jQuery 获取 select 元素的值和文本

通过 jQuery 可以方便地获取 <select> 元素的值、选中的文本或遍历所有选项。以下是常见的操作方式：

获取选中的值 使用 val() 方法直接获取选中项的值：

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

获取选中的文本 通过 find(":selected") 获取选中项后提取文本：

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

遍历所有选项 使用 each() 循环处理每个选项：

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

监听 select 变化事件

通过 change 事件实时获取用户选择：

$('#selectId').change(function() {
    alert('选中值: ' + $(this).val());
});

动态操作 select 元素

添加选项 使用 append() 方法新增选项：

$('#selectId').append('<option value="new">New Option</option>');

移除选项 通过选择器删除指定选项：

$('#selectId option[value="remove"]').remove();

清空选项 使用 empty() 方法快速清空：

$('#selectId').empty();

多选 select 的特殊处理

对于 multiple 类型的下拉框，val() 会返回数组：

var multiValues = $('#multiSelect').val(); // 返回选中值数组
$.each(multiValues, function(index, value) {
    console.log(value);
});