jqueryで選択ドロップダウンボックスの指定された値を削除するにはどうすればよいですか?
- PHPzオリジナル
- 2016-06-13 12:07:284429ブラウズ
jquery で選択ドロップダウン ボックスの指定された値を削除するにはどうすればよいですか?
jquery では、まず 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>レンダリング:
上の図からわかるように、値 " Val_1 」が削除されました。
説明:
remove() メソッドは、すべてのテキストおよび子ノードを含む、選択された要素を削除するために使用されます。このメソッドは、選択した要素からデータとイベントも削除します。
jQuery [attribute=value] セレクターは、指定された属性と値を持つ各要素を選択できます。
さらに関連する知識については、PHP 中国語 Web サイト をご覧ください。 ！
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。