jquery设置select选中

使用 jQuery 设置 select 选中

通过 value 属性设置选中项

使用 val() 方法直接设置 select 元素的 value 值，匹配的选项会被选中：

$('#mySelect').val('optionValue');

通过选项索引设置选中项

通过 prop() 方法设置 selectedIndex 属性，索引从 0 开始：

$('#mySelect').prop('selectedIndex', 2); // 选中第三个选项

通过选项文本设置选中项

使用 filter() 方法匹配选项文本并设置选中状态：

$('#mySelect option').filter(function() {
    return $(this).text() === 'Option Text';
}).prop('selected', true);

动态添加选项并选中

先添加选项再设置选中状态：

$('#mySelect').append($('<option>', {
    value: 'newValue',
    text: 'New Option'
}));
$('#mySelect').val('newValue');

多选 select 设置多个选中项

对于 multiple 类型的 select，传递数组给 val() 方法：

$('#multiSelect').val(['value1', 'value2']);

注意事项

• 确保 DOM 加载完成后再执行 jQuery 代码，可将代码放在 $(document).ready() 中
• 对于动态加载的 select 元素，需确保元素存在后再操作
• 使用 change() 方法触发 select 的 change 事件：

  $('#mySelect').val('optionValue').change();