当前位置：首页 > jquery

jquery获取select

2026-03-16 11:18:53jquery

获取 select 元素的值

使用 jQuery 获取 <select> 元素的值可以通过 val() 方法实现。

var selectedValue = $('select').val();

获取 select 元素的文本

如果需要获取选中选项的文本内容，可以通过 find(':selected').text() 实现。

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

监听 select 变化事件

使用 change 事件监听 <select> 的变化，并在回调中获取当前选中的值或文本。

$('select').on('change', function() {
    var selectedValue = $(this).val();
    var selectedText = $(this).find('option:selected').text();
    console.log('选中的值:', selectedValue);
    console.log('选中的文本:', selectedText);
});

获取多选 select 的值

如果 <select> 是多选的（multiple 属性），val() 会返回一个数组。

var selectedValues = $('select[multiple]').val();
console.log(selectedValues); // 输出数组

动态设置 select 的值

使用 val() 方法可以动态设置 <select> 的选中项。

$('select').val('option-value'); // 设置选中某个值

获取 select 的所有选项

遍历 <select> 的所有 <option> 元素可以使用 each() 方法。

jquery获取select

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

以上方法涵盖了 jQuery 操作 <select> 元素的常见需求，包括获取值、文本、监听变化以及动态设置选中项。