So legen Sie fest, dass die Auswahl schreibgeschützt und nicht editierbar ist und der Auswahlwert passierbar ist

So legen Sie fest, dass die Auswahl schreibgeschützt und nicht editierbar ist und der Auswahlwert passierbar ist
1. <select style="width:195px" name="Rolle" id="Rolle" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">

Durch diesen Ansatz sieht das Dropdown-Feld wie gewohnt aus. Der einzige Unterschied besteht darin, dass es keine Reaktion gibt, nachdem Sie es nach unten gezogen und ausgewählt haben. Es ist gleich, ob Sie es auswählen oder nicht. Die Wahl des Kunden wird einfach ignoriert.

2. Setzen Sie das deaktivierte Attribut <select style="width:195px" name="role" id="role" disabled="disabled">

Dies sieht direkter aus und fühlt sich schreibgeschützt an, und Sie können nicht klicken oder nach unten ziehen. Die Wörter darin werden ebenfalls grau.

Wenn das Attribut auf „deaktiviert“ gesetzt ist, kann der ausgewählte Wert beim Absenden des Formulars nicht übergeben werden. Entfernen Sie das deaktivierte Attribut vor dem Absenden $("#role").removeAttr("disabled");

jquery fügt das Attribut $("#role").attr("disabled","disabled"); hinzu.

<<:  Lernbeispiel für den Nginx Reverse Proxy

>>:  Fünf Dinge, die ein guter User Experience Designer gut machen sollte (Bild und Text)

Artikel empfehlen

Tipps zur HTML-Formatierung und langen Dateien für das Webdesign

<br />Verwandte Artikel: 9 praktische Vorsch...

Was tun, wenn Sie Ihr Linux/Mac MySQL-Passwort vergessen?

Was tun, wenn Sie Ihr Linux/Mac MySQL-Passwort ve...

Eine kurze Diskussion über den Linux-Signalmechanismus

Inhaltsverzeichnis 1. Signalliste 1.1. Echtzeitsi...

Detailliertes Tutorial zum Ersetzen von mysql8.0.17 in Windows 10

In diesem Artikel werden die spezifischen Schritt...

Detaillierte Erklärung von :key in VUE v-for

Wenn der Schlüssel nicht zum v-for-Tag hinzugefüg...

So zeigen Sie laufende Hintergrundprogramme in Linux an und beenden sie

Linux-Taskverwaltung - Ausführung und Beendigung ...

CSS3-Übergang zur Implementierung eines Benachrichtigungsnachrichtenkarussells

Vue-Version, kopiere sie in die Datei und verwend...

js zur Realisierung der Web-Message-Board-Funktion

In diesem Artikelbeispiel wird der spezifische JS...

Lösen Sie das Problem des MySQL-Datenverlusts, wenn Docker Redis neu startet

Amtliche Dokumentation: Daher sollte MySQL wie fo...