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();
相关问答