jquery给下拉框赋值

使用 jQuery 给下拉框赋值

通过 val() 方法赋值

对于已知选项值的下拉框，直接使用 val() 方法设置选中项。
示例代码：

$("#dropdown").val("optionValue");

#dropdown 是下拉框的 ID 选择器，"optionValue" 是要选中的选项值。

动态添加选项

如需动态添加选项到下拉框，使用 append() 方法。
示例代码：

$("#dropdown").append($("<option>").val("newValue").text("New Option"));

这会创建一个新选项并添加到下拉框末尾。

通过索引选中选项

根据选项的索引位置选中特定项，使用 prop() 方法。
示例代码：

$("#dropdown option:eq(1)").prop("selected", true);

:eq(1) 表示选中索引为 1 的选项（从 0 开始计数）。

清空并重新赋值

清空下拉框后重新添加选项，结合 empty() 和 append()。
示例代码：

$("#dropdown").empty().append($("<option>").val("default").text("Select..."));

这会清空所有选项并添加一个默认选项。

根据文本内容选中选项

通过选项的文本内容而非值来选中，使用 filter() 方法。
示例代码：

$("#dropdown option").filter(function() {
    return $(this).text() === "Target Text";
}).prop("selected", true);

这会选中文本内容为 "Target Text" 的选项。

注意事项

• 确保 DOM 加载完成后再操作，建议将代码放在 $(document).ready() 中。
• 动态添加选项时，若需批量操作，可遍历数据数组并循环调用 append()。