jquery获取下拉框选中的值

使用 jQuery 获取下拉框选中值的方法

通过 val() 方法直接获取选中的值
适用于标准 <select> 元素，返回当前选中项的 value 属性值：

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

通过 find(':selected') 获取选中项对象
需要同时获取文本或其他属性时使用：

var selectedOption = $('#dropdownId').find(':selected');
var value = selectedOption.val();
var text = selectedOption.text();

处理多选下拉框
当 <select multiple> 时，val() 返回数组：

var multiValues = $('#multiSelectId').val(); 
// 返回如 ["value1", "value2"]

注意事项

动态加载内容时需确保 DOM 就绪
建议将代码放在 $(document).ready() 中：

$(document).ready(function(){
    $('#dropdownId').change(function(){
        console.log($(this).val());
    });
});

事件监听推荐方式
通过 change 事件实时获取值变化：

$('#dropdownId').on('change', function(){
    alert($(this).val());
});

兼容性方案

旧版本 jQuery 的备用写法
若 :selected 选择器失效可使用：

var value = $('#dropdownId option:selected').val();

纯 JavaScript 等价方法
不依赖 jQuery 的实现方式：

document.getElementById('dropdownId').value;