jquery怎么删除select中的选项

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

示例：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">       

</head>

<body style="text-align:center;" id="body">

<p style="font-size: 15px; font-weight: bold;">单击按钮，从select选择框中删除选项</p>

<select>

<option value="val_1"> Val_1</option>

<option value="val_2"> Val_2</option>

<option value="val_3"> Val_3</option>

<option value="val_4"> Val_4</option>

</select>

<br>

<br>

<button> 单击 </button>

<p id="Text" style="color: green;font-size: 24px;font-weight: bold;"></p>

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<script>      

$('button').on('click', function() {

$("option[value='val_1']").remove();

$('#Text').text('值为val_1的选项已删除！');

});

</script>

</body>

</html>

效果图：

1.gif

remove()方法用于法移除被选元素，包括所有的文本和子节点。该方法也会移除被选元素的数据和事件。

更多编程相关知识，请访问：编程教学！！

以上就是jquery怎么删除select中的选项的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

jQuery怎样判断鼠标是否在div上

jQuery如何设置行不同的颜色

jQuery如何使用新元素来替换所选元素

select下拉框的右边怎么增加提示图标

jQuery如何判断是否按下了enter键

jQuery怎么获取html元素的内容？

jQuery变量加$和不加$的区别是什么

浅谈vue项目中使用npm安装bootstrap和jQuery

jQuery如何动态添加删除css样式？（代码示例）

jQuery中的$()是什么

更多相关阅读请进入《jQuery》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...