jquery给select赋值

使用 jQuery 给 select 赋值

jQuery 提供了多种方法来动态设置 <select> 元素的值或选项。以下是几种常见场景的实现方式：

设置选中值

通过 val() 方法可以直接设置 <select> 的选中值。适用于已知选项 value 的情况：

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

动态添加选项

使用 append() 方法可以动态添加新的 <option> 到 <select> 中：

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

清空并重新填充选项

通过 empty() 清空现有选项，再批量添加新选项：

$('#mySelect').empty();
$.each(newOptionsArray, function(index, item) {
    $('#mySelect').append($('<option>', {
        value: item.id,
        text: item.name
    }));
});

根据文本内容选中

如果需要根据选项文本而非 value 来选中：

$("#mySelect option:contains('Option Text')").attr('selected', true);

多选下拉框赋值

对于多选下拉框（multiple select），传递数组给 val() 方法：

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

注意事项

• 操作需在 DOM 加载完成后执行，建议将代码放在 $(document).ready() 中
• 动态添加选项后如需触发事件，需手动调用 change() 方法
• 对于大量数据操作，建议使用文档片段(document fragment)优化性能