jquery给select赋值

使用 jQuery 给 select 元素赋值

方法 1：通过 value 属性赋值

通过设置 val() 方法直接指定选项的值，这会自动选中匹配的选项。

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

方法 2：动态添加选项后赋值

如果需要动态添加选项后再赋值，可以先通过 append() 添加选项，再调用 val()。

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

方法 3：通过属性选择器选中选项

如果需要通过其他属性（如 data-*）选中选项，可以使用属性选择器。

$('#selectId option[data-custom="value"]').prop('selected', true);

方法 4：多选 select 赋值

对于多选 select 元素（multiple），可以传递一个数组给 val() 方法。

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

注意事项

• 确保 select 元素存在且已加载完成，通常在 $(document).ready() 中操作。
• 如果选项值不存在，val() 不会生效，需检查值是否匹配。
• 使用 change() 方法触发事件（如果需要）。

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