html select 删除选项,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("Text"); //为Select追加一个Option(下拉项)

$("#select_id").prepend("请选择"); //为Select插入一个Option(第一个位置)

本文来自jQuery答疑栏目，欢迎学习！