jQuery怎么删除select选项?

select中所有option选项如何删除,本文使用jquery简单实现下,有此需求的朋友可以参考下,希望对大家有所帮助。

jQuery怎么删除select选项?

一、使用伪类选择器、属性选择器+remove()方法删除select选项

$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) 
$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 
$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 
$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

二、使用find()方法查找所有的option,将其删除

$("#select_id").find("option").remove();

三、使用empty直接将select内的内容清空

$("#select_id").empty();

补充:给select增加选项

$("#select_id").append("<option value='Value'>Text</option>");  //为Select追加一个Option(下拉项)
$("#select_id").prepend("<option value='0'>请选择</option>");  //为Select插入一个Option(第一个位置)

本文来自jQuery答疑栏目,欢迎学习!

以上就是jQuery怎么删除select选项?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读