Wie entferne ich Elemente aus einem Auswahlfeld oder füge sie einem Auswahlfeld hinzu? Ich verwende jQuery, sollte dies die Aufgabe erleichtern. Unten finden Sie ein Beispielauswahlfeld.
<select name="selectBox" id="selectBox">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
<option value="option4">option4</option>
</select>
javascript
jquery
html
html-select
Teifion
quelle
quelle
Sie können das ausgewählte Element folgendermaßen löschen:
Dies ist nützlich, wenn Sie eine Liste und kein Dropdown haben.
quelle
Um den Artikel hinzuzufügen, würde ich ein zweites Auswahlfeld erstellen und:
Nicht jQuery.
quelle
So entfernen Sie einen Artikel
So fügen Sie einen Artikel hinzu
Nach einer Option suchen
So entfernen Sie eine ausgewählte Option
quelle
Dies sollte es tun:
quelle
Ich finde das jQuery Select Box Manipulations Plugin nützlich für diese Art von Dingen.
Sie können ein Element einfach nach Index, Wert oder Regex entfernen.
Um alle Optionen zu entfernen, können Sie dies tun
$("#myselect").removeOption(/./);
.quelle
Dynamisches Hinzufügen / Entfernen von Werten ohne Hardcode:
// Wert dynamisch aus Auswahl entfernen
// Dynamischen Wert zur Auswahl hinzufügen
quelle
Ich habe zwei Seiten gefunden, die hilfreich erscheinen. Sie sind für ASP.Net geschrieben, aber es sollte dasselbe gelten:
quelle
Die folgenden Links sind hilfreich.
http://api.jquery.com/remove/
http://api.jquery.com/append/
quelle
Um dies für alle zu verbessern, können Sie auch einfach:
und
quelle
JavaScript
jQuery
quelle
Ich musste die erste Option aus einer Auswahl entfernen, ohne ID, nur eine Klasse, also habe ich diesen Code erfolgreich verwendet:
quelle
Ich möchte nur einen anderen Weg vorschlagen, um eine hinzuzufügen
option
. Anstatt dasvalue
undtext
als Zeichenfolge festzulegen, kann man auch Folgendes tun:Dies ist eine weniger fehleranfällige Lösung, wenn die Werte und Texte von Optionen dynamisch hinzugefügt werden.
quelle
Wenn jemand löschen muss ALLE Optionen innerhalb einer Auswahl , habe ich eine kleine Funktion ausgeführt.
Ich hoffe, Sie finden es nützlich
Muss nur rennen
quelle
$('#contenedor_modelos').empty();
? Schön, etwas Action zu sehen :)Dies ist Auswahlfeld HTML
Wenn Sie die Option vollständig aus dem Auswahlfeld entfernen und hinzufügen möchten, können Sie diesen Code verwenden
Manchmal müssen wir die Option im Auswahlfeld ausblenden und anzeigen, aber nicht entfernen, dann können Sie diesen Code verwenden
Irgendwann muss dann die ausgewählte Option aus dem Auswahlfeld entfernt werden
Wenn Sie alle Optionen entfernen müssen, dann diesen Code
Wenn Sie die erste Option oder zuletzt diesen Code benötigen
quelle