Entfernen von einem ausgewählten Element aus ein Drop-Down Liste verwenden jQuery
JQuery ist eine JavaScript-Bibliothek, die Programmierer einfacher und schneller Code-Skripts schreiben kann. Diese Bibliothek ist gut geeignet zum Erstellen von Animationseffekten und Benutzerinteraktion zu Webseiten hinzufügen. JQuery, beispielsweise können Sie um ein ausgewähltes Element aus einer Dropdown-Box zu entfernen. Verwenden Sie einen Link oder eine Schaltfläche auslösen das Option entfernen und legen Sie den Wert der ausgewählten Option auf eine Variable. Wenn Sie diese Variable an eine Zeile Code, die eine Option aus der Dropdown-Liste entfernt übergeben, kann jQuery die ausgewählte Option entfernen.
Anweisungen
1 Öffnen Sie die Webseite, die mit dem Drop-down-Pfeil-Code in Notepad oder einem Codeeditor. Finden Sie die < Script >-Tags in Ihrem Code, die die jQuery-Bibliothek-Datei verweisen. Suchen Sie nach dieser Code entweder den Kopf der Datei oder direkt über die Schließung < / body > Tag. Fügen Sie diesen Code, wenn Sie den Verweis nicht finden:
< Skript Id = "entfernen" > Option entfernen </a >
Sie können auch einen Tastencode, falls gewünscht:
< Schaltfläche "Id ="entfernen"> Taste < / Option entfernen >
4 Gehen Sie zurück zu Ihrem < Script >-Tags, und wählen Sie den Link oder Button in jQuery. Selector das click()-Ereignis hinzu, und starten Sie eine neue Funktion:
< Skript-Typ = "Text/Javascript" >
{$('#remove').click(function()}
// Code that removes the option will go here...
});
< / script >
5 Deklarieren Sie eine neue Variable innerhalb der geschweiften Klammern der Funktion, und legen Sie dessen Wert der ausgewählten Option im Dropdown Feld. Abrufen der ausgewählten Option Auswahl des < Select >-Elements mit dem ID-Namen und die Funktion val() anhängen:
< Skript-Typ = "Text/Javascript" >
{$('#remove').click(function()}
var removeOption = $('#myoptions').val();
});
< / script >
6 Schreiben Sie einen Selektor in jQuery, das Ziel die Option durch den Wert in der Variablen gespeichert. Da Sie eine Variable auf dem Selektor zu übergeben müssen, müssen Sie den Selektor in String und Variable Teile mit einem Pluszeichen zu brechen. Dieser Selektor, jQuery, die ausgewählte Option entfernen sagen fügen Sie die remove() Funktion hinzu:
< Skript-Typ = "Text/Javascript" >
{$('#remove').click(function()}
var removeOption = $('#myoptions').val();
$('option[value="'+ removeOption +'"]').remove();
});
< / script >
Beachten Sie die Mischung aus einfachen und doppelten Anführungszeichen in der vierten Zeile des Codes. Sie müssen Selektoren in Anführungszeichen setzen, aber da der Wert der "Option" auch Zitate braucht, Sie können nicht es Apostrophe wiederverwenden.