Heim >Web-Frontend >js-Tutorial >jQuery generiert dynamisch den Implementierungscode für die Auswahloptions-Dropdown-Liste
jQuery generiert dynamisch den Implementierungscode für die Auswahloptions-Dropdown-Liste
- 小云云Original
- 2018-01-22 13:52:401482Durchsuche
Es gibt viele Möglichkeiten, die Auswahloptions-Dropdown-Liste zu implementieren. In diesem Artikel wird hauptsächlich die Implementierungsmethode für die dynamische Generierung der Auswahloptions-Dropdown-Liste vorgestellt alle.
Aber es gibt keine Implementierung zur dynamischen Generierung der Auswahloptions-Dropdown-Liste.
Es ist sehr praktisch, jQuery-Objekte in der jQuery-Umgebung zu erstellen, um eine dynamische Generierung zu erreichen.
Bereiten Sie einige Daten in der Datenbank vor:
Gespeicherte Prozedur:
Entwickeln Sie ASP.NET MVC benötigt zur Implementierung des Programms das Modell:
Erstellen Sie nun eine Entität, die mit der Datenbank kommunizieren soll:
Als Nächstes können Sie eine Methode zum Abrufen des Datensatzes erstellen und die Methode von der Front-End-jQuery ausführen lassen:
ok, alles ist bereit.
Erstellen Sie ein ausgewähltes Objekt:
$selectCity = $('').attr({ name: 'city', class: 'selectcity' });
Sie können eine leere Option erstellen:
$("", { value: "", text: "" }).appendTo($selectCity ) ;
Die aus der Datenbank gelesenen Daten können jetzt dynamisch die Option generieren:
Wenn Sie beim Anzeigen einen Auswahlwert binden müssen, erfahren Sie hier, wie Sie dies erreichen ? Es ist ganz einfach. Wenn $.each, beurteilen Sie:
Die „3“ oben ist eine Variable, das ist der Wert, den Sie binden müssen. Das Folgende ist eine Demonstration der Wirkung:
Verwandte Empfehlungen:
Detaillierte Beschreibung der HTML-Auswahloption
Detaillierte Erklärung, wie die HTML-Auswahloption eine Standardauswahl vornimmt
JS & JQuery fügen dynamisch eine Auswahloption hinzu
Das obige ist der detaillierte Inhalt vonjQuery generiert dynamisch den Implementierungscode für die Auswahloptions-Dropdown-Liste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
In Verbindung stehende Artikel
Mehr sehen- Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
- Detaillierte Erläuterung des JavaScript-Funktions-Curryings
- Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
- Angularjs integriert WeChat UI (weui)
- Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse