jQuery 怎么删除 select 中的选项? 下面本篇文章就来给大家介绍一下使用 jQuery 从 select 元素中删除选项的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
从 select 选项框中删除选项, 即从 select 元素中删除指定 options 元素, 那么 jQuery 从 select 元素中删除 options 元素你?
可以先使用 jQuery 选择器从 select 中选择需要删除的 options 元素, 然后使用 jQuery 的 remove() 方法从 html 文档中删除该选项.
remove() 方法用于法移除被选元素, 包括所有的文本和子节点. 该方法也会移除被选元素的数据和事件.
示例:
- <!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>
效果图:
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/16875.html