Rumah > Artikel > hujung hadapan web > jQuery怎么删除select选项？
jQuery怎么删除select选项？
- 青灯夜游asal
- 2020-11-24 14:20:153707semak imbas
删除方法：首先使用jQuery选择器从select中选择需要删除的options元素选项，然后使用JQuery的r【remove()】方法从HTML文档中删除该选项即可，语法【$(selector).remove()】。
相关推荐：《jq教程》
本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。
jQuery删除select选项的示例
<!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()方法用于法移除被选元素，包括所有的文本和子节点。该方法也会移除被选元素的数据和事件。
语法
$(selector).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：jquery判断是否为数字的方法是什么Artikel seterusnya：jquery如何判断是否存在class