首页 > 技术文章 > html之select标签

ant-jmf17 2017-06-26 10:53 原文

1.获取选中的值和文本

$(".selector").val();
$(".selector").find("option:selected").text();

2.通过值或者文本设置选中项

$(".selector").val("xx");
$(".selector option[text='xx']").prop("selected",true);

3.清空选项

$(".selector").empty(); 

 4.在尾部追加选项

$(".selector").append("<option value='x'>xxx</option>");

5.在头部追加选项

$(".selector").prepend("<option value='x'>xxx</option>");

 6.移除单个选项

$(".selector option:last").remove();
$(".selector option[index=1]").remove();

7.批量移除选项

$(".selector option:contains('5')").remove();

 

推荐阅读