Heim >Web-Frontend >js-Tutorial >So löschen Sie Optionen in Select in JQuery

So löschen Sie Optionen in Select in JQuery

青灯夜游
青灯夜游Original
2020-12-21 17:39:274053Durchsuche

Löschmethode: Verwenden Sie zuerst den jQuery-Selektor, um die angegebene Option (Optionselement) abzurufen, die aus der Auswahl gelöscht werden muss, und verwenden Sie dann die Methode „remove()“ von JQuery, um die Option aus dem HTML-Dokument zu löschen. „Option Option“ ).remove()“.

So löschen Sie Optionen in Select in JQuery

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery3.3.1-Version. Diese Methode ist für alle Computermarken geeignet.

Empfohlenes Tutorial: JQuery-Video-Tutorial

Wenn Sie jQuery verwenden möchten, um Optionen (Optionselemente) aus dem Select-Element zu entfernen, können Sie zunächst den jQuery-Selektor verwenden, um das Optionselement auszuwählen, das aus dem Select gelöscht werden muss , und verwenden Sie dann die Methode „remove()“ von JQuery, um die Option aus dem HTML-Dokument zu entfernen.

Beispiel:

<!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>       
$(&#39;button&#39;).on(&#39;click&#39;, function() {
$("option[value=&#39;val_1&#39;]").remove();
$(&#39;#Text&#39;).text(&#39;值为val_1的选项已删除!&#39;);
});
</script> 
</body> 
</html>

Rendering:

So löschen Sie Optionen in Select in JQuery

remove()-Methode wird verwendet, um ausgewählte Elemente zu entfernen, einschließlich aller Text- und untergeordneten Knoten. Diese Methode entfernt auch Daten und Ereignisse aus dem ausgewählten Element.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmierlehre! !

Das obige ist der detaillierte Inhalt vonSo löschen Sie Optionen in Select in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn