jquery获取select选中值

获取 select 选中值的方法

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

通过 val() 方法获取选中值

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

val() 方法直接返回选中的 <option> 的 value 属性值。适用于单选或多选下拉框。

通过 find(':selected') 获取选中项

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

这种方式可以获取选中项的显示文本（<option> 标签内的内容）。

处理多选下拉框

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

对于多选下拉框（<select multiple>），val() 方法返回一个数组，包含所有选中项的 value。

完整示例代码

<select id="fruitSelect">
  <option value="apple">Apple</option>
  <option value="banana" selected>Banana</option>
  <option value="orange">Orange</option>
</select>

<script>
  $(document).ready(function() {
    // 获取选中值
    var value = $('#fruitSelect').val(); // 返回 "banana"

    // 获取选中文本
    var text = $('#fruitSelect').find(':selected').text(); // 返回 "Banana"

    console.log(value, text);
  });
</script>

注意事项

• 确保 jQuery 库已正确引入。
• 如果未选中任何选项（在多选情况下），val() 返回 null。
• 对于动态加载的 <select> 元素，事件委托可能需要使用 on() 方法。