select 中所有 option 选项如何删除, 本文使用 jQuery 简单实现下, 有此需求的朋友可以参考下, 希望对大家有所帮助.
一, 使用伪类选择器, 属性选择器 + 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 答疑 https://www.html.cn/qa/jquery/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/jquery/15430.html