Rumah >hujung hadapan web >tutorial js >jquery怎么删除select中的选项
jquery怎么删除select中的选项
- 青灯夜游asal
- 2020-12-21 17:39:274209semak imbas
删除方法：先使用jQuery选择器从select中获取需要删除的指定选项（options元素），然后使用JQuery的remove()方法从HTML文档中删除该选项即可；语法“$("option选项").remove()”。
本教程操作环境：windows7系统、jquery3.3.1版本，该方法适用于所有品牌电脑。
推荐教程：jquery视频教程
想要使用jQuery从select元素中删除选项（options元素），可以先使用jQuery选择器从select中选择需要删除的options元素，然后使用JQuery的remove()方法从HTML文档中删除该选项。
示例：
<!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>效果图：
remove()方法用于法移除被选元素，包括所有的文本和子节点。该方法也会移除被选元素的数据和事件。
更多编程相关知识，请访问：编程教学！！
Atas ialah kandungan terperinci jquery怎么删除select中的选项. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：JavaScript深入探索 websocket和HTTP/2与SSE +如何选择正确的路径！Artikel seterusnya：Node.js和java后台服务器的简单比较