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

Verwendung des optionalen Verkettungsoperators von JS

Vorwort Der optionale Verkettungsoperator (?.) er...

Detaillierte Erklärung zur Verwendung von Element-Plus in Vue3

Inhaltsverzeichnis 1. Installation 2. Importieren...

...

Lösen Sie das Matching-Problem in CSS

Problembeschreibung Wie wir alle wissen, wird bei...

Dockers flexible Implementierung zum Aufbau einer PHP-Umgebung

Verwenden Sie Docker, um eine flexible Online-PHP...

Detaillierte Erklärung der Whitelist-Regeln von nginx-naxsi

Syntax der Whitelist-Regel: Grundregel wl:ID [neg...

Verwendung der MySQL SHOW STATUS-Anweisung

Um die Leistung von MySQL anzupassen und den Dien...