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怎么安装

jQuery有哪些过滤选择器？

jQuery获取class属性的值

7种jQuery $()函数的使用方法（总结）

jQuery如何判断对象是否为空

jQuery如何设置不可点击

jQuery wrap()方法是什么意思

jQuery如何用this选择子元素

20个常见jQuery面试题和答案（分享）

两分钟了解jQuery与javascript、js 三者间的区别

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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