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

MySQL 8.0.12 Installations- und Nutzungs-Tutorial

Das Installations- und Verwendungstutorial für My...

Was bedeutet this.parentNode.parentNode (übergeordneter Knoten des übergeordneten Knotens)?

Der übergeordnete Knoten des übergeordneten Knoten...

Führen Sie die Schritte aus, um den Fehler 403 Forbidden in Nginx zu beheben.

Die Webseite zeigt 403 Forbidden an Nginx (Yum-In...

So erstellen Sie ein React-Projekt mit Vite

Inhaltsverzeichnis Vorwort Erstellen Sie ein Vite...

Details zur Ereignisbindung reagieren

Inhaltsverzeichnis Ereignisbindung von Klassenkom...

Einführung in lokale Komponenten in Vue

In Vue können wir lokale Komponenten selbst defin...

Docker: Zeigen Sie den Mount-Verzeichnisvorgang des Containers an

Nur Informationen zum Mount-Verzeichnis des Docke...

MySQL-Abfrage redundanter Indizes und ungenutzter Indexoperationen

MySQL 5.7 und höhere Versionen ermöglichen die di...

Detaillierte Erklärung des Codes zum Abfragen von Daten eines bestimmten Tages, Monats oder Jahres in MySQL

Heute Wählen Sie * aus Tabellenname, wobei to_day...

Ursachen und Lösungen für Verzögerungen bei der MySQL Master-Slave-Replikation

Inhaltsverzeichnis Ein kurzer Überblick über die ...

Detailliertes Installations- und Konfigurationstutorial zum MySQL-Flashback-Tool binlog2sql

Überblick binlog2sql ist ein in Python entwickelt...

Linux verwendet den Befehl lsof, um den Status des Dateiöffnens zu überprüfen

Vorwort Wir alle wissen, dass unter Linux „alles ...

Beispiele für Optimierungstechniken zur Verbesserung der Effizienz langsamer Abfragen in MySQL IN-Anweisungen

Die Tabellenstruktur ist wie folgt. Es gibt nur 6...

So verwenden Sie Chrome Dev Tools zur Analyse der Seitenleistung (Front-End-Leistungsoptimierung)

Hintergrund Wir verwenden Chrome Dev Tools häufig...

Dieser Artikel hilft Ihnen, JavaScript-Variablen und -Datentypen zu verstehen

Inhaltsverzeichnis Vorwort: Freundliche Tipps: Va...