Heim > Web-Frontend > js-Tutorial > So machen Sie die Auswahl in JQuery nicht optional

So machen Sie die Auswahl in JQuery nicht optional

王林
Freigeben: 2020-11-30 12:02:15
Original
4293 Leute haben es durchsucht

So machen Sie „select“ in jquery nicht auswählbar: Erstellen Sie zuerst die Funktion „setdis“ und rufen Sie dann das ausgewählte Objekt über die ID (setdis) ab. Verwenden Sie schließlich die Methode „attr“, um das Attribut „disabled“ auf „disabled“ zu setzen.

So machen Sie die Auswahl in JQuery nicht optional

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 2.2.4. Diese Methode ist für alle Computermarken geeignet.

(Empfohlenes Tutorial: JQuery-Video-Tutorial)

Die spezifische Methode ist wie folgt:

Erstellen Sie eine neue HTML-Datei und nennen Sie sie test.html.

So machen Sie die Auswahl in JQuery nicht optional

Verwenden Sie in der Datei test.html das Select-Tag und das Option-Tag, um eine Dropdown-Option zu erstellen, nämlich Test eins, Test zwei und Test drei.

So machen Sie die Auswahl in JQuery nicht optional

Setzen Sie in der Datei test.html die ID des Select-Tags auf testsel, die hauptsächlich zum Abrufen des Select-Objekts über diese ID unten verwendet wird.

So machen Sie die Auswahl in JQuery nicht optional

In der Datei test.html verwenden Sie das Button-Tag, um eine Schaltfläche mit dem Schaltflächennamen „Einstellungen können nicht ausgewählt werden“ zu erstellen.

So machen Sie die Auswahl in JQuery nicht optional

Binden Sie in der Datei test.html das Ereignis onclick an die Schaltfläche. Führen Sie beim Klicken auf die Schaltfläche die Funktion setdis() aus.

So machen Sie die Auswahl in JQuery nicht optional

Erstellen Sie im js-Tag die Funktion setdis(). Rufen Sie innerhalb der Funktion das ausgewählte Objekt über id(setdis) ab und verwenden Sie die Methode attr(), um das Attribut „disabled“ auf „disabled“ zu setzen, sodass der Drop erfolgt -Down-Feld ist nicht auswählbar.

So machen Sie die Auswahl in JQuery nicht optional

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmieren lernen! !

Das obige ist der detaillierte Inhalt vonSo machen Sie die Auswahl in JQuery nicht optional. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage