jquery操作select常见方法

获取select元素的值:

使用val()方法获取select元素的当前选中值:

var selectedValue = $("select").val();

设置select元素的值:

使用val()方法设置select元素的选中值:

$("select").val("optionValue");

获取select元素选中选项的文本:

使用find(":selected").text()方法获取select元素当前选中选项的文本:

var selectedText = $("select").find(":selected").text();

获取选中选项的索引:

使用prop("selectedIndex")方法获取当前选中选项的索引:

var selectedIndex = $("select").prop("selectedIndex");

设置选中选项的索引:

使用prop("selectedIndex", index)方法设置选中选项的索引:

$("select").prop("selectedIndex", index);

获取select元素中的选项数量:

使用find("option").length方法获取select元素中的选项数量:

var optionCount = $("select").find("option").length;

移除选中选项:

使用remove()方法移除选中的选项:

$("select").find(":selected").remove();

添加选项:

使用append()方法添加新的选项:

$("select").append("<option value='optionValue'>Option Text</option>");

清空select元素中的所有选项:

使用empty()方法清空select元素中的所有选项:

$("select").empty();
阅读剩余
THE END