So aktivieren Sie die schreibgeschützte Select-Unterstützung, wenn der Hintergrund bei festgelegtem deaktiviertem Attribut keine Daten lesen kann

So aktivieren Sie die schreibgeschützte Select-Unterstützung, wenn der Hintergrund bei festgelegtem deaktiviertem Attribut keine Daten lesen kann

Code kopieren
Der Code lautet wie folgt:

<span style="font-family:Microsoft YaHei;"><select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">
<optionswert="1">test1</option>
<optionswert="2">test2</option>
<option value="3" ausgewählt="ausgewählt">test3</option>
<optionswert="4">test4</option>
<optionswert="5">test5</option>
</Auswählen>
</span>

1》Problem beim Festlegen des schreibgeschützten Attributs des Formulars: Das schreibgeschützte Attribut hat jedoch keine Auswirkung auf die drei Formulare Radio, Auswahl und Kontrollkästchen

2》Legen Sie das deaktivierte Attribut des Formulars fest

Problem: Nach dem Setzen des deaktivierten Attributs kann der Hintergrund keine Daten lesen

Weg:

1. Setzen Sie das deaktivierte Attribut und speichern Sie den Formularwert im ausgeblendeten Feld
2. Verwenden Sie jQuery zur Steuerung (setzen Sie beim Laden der Seite das Formularattribut „disabled=true“ und beim Senden des Formulars das Formularattribut „disabled=false“).

Code:

Referenz-jQuery-Datei

<script type="text/javascript" src="../../js/jquery-1.3.2.js"></script>

Steuern des deaktivierten Attributs mit Skripten

Code kopieren
Der Code lautet wie folgt:

<span style="font-family:Microsoft YaHei;"><script type="text/javascript">
//Deaktiviert setzen, damit es beim Laden wirksam wird
$(Dokument).bereit(Funktion(){
$("input[name=Kategorie]").attr("deaktiviert",true);
$("select[name=sonota_kbn]").attr("deaktiviert",true);
});
//Deaktiviert, um beim Senden einen Fehler zu verursachen
$("Eingabe[Name=ändern]").Klick(Funktion(){
$("input[name=kategorie]").attr("deaktiviert",false);
$("select[name=sonota_kbn]").attr("deaktiviert",false);
});
</script> </span>

Beachten Sie Folgendes: input[name=category]
„Eingabe“ ist der Formulartyp (Auswahl ist beispielsweise ein Dropdown-Feld).
name=category Der Name des Formulars

<<:  CSS float (float, clear) beliebte Erklärung und Erfahrungsaustausch

>>:  Detaillierte Erklärung der englischen Namen, die der Schriftfamilie chinesischer Schriftarten in CSS-Stilen entsprechen

Artikel empfehlen

Einführung in den B-Tree-Einfügeprozess

Im vorherigen Artikel https://www.jb51.net/articl...

Zwei Möglichkeiten zum Konfigurieren globaler Vue-Methoden

Inhaltsverzeichnis 1. Einleitung 2. Die erste Met...

Konfigurationsprozess für die MySQL-Master-Slave-Replikation

Konfiguration der Hauptbibliothek 1. Konfiguriere...

Detaillierte Beschreibung der chinesischen ffmpeg-Parameter

Details zu den Parametern der Version FFMPEG 3.4....

Anweisungen zur Verwendung von JSON-Operationsfunktionen in Mysql5.7

Vorwort JSON ist ein leichtes Datenaustauschforma...

Ausnahmefehler beim Packen von Webpack-Dateien

Vor dem Verpacken im Webpack müssen wir sicherste...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.27

Das Installationstutorial für MySQL 5.7.27 wird w...

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

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

Vue+Swiper realisiert Timeline-Effekt

In diesem Artikel wird der spezifische Code von v...

Detaillierte Verwendung des Linux-Textsuchbefehls find

Der Befehl „Find“ wird hauptsächlich zum Suchen v...

Implementierungsbeispiel eines Videoplayers basierend auf Vue

Wenn der vorhandene Videoplayer die Anforderungen...

WeChat-Applet implementiert Formularüberprüfung

Validierung des WeChat-Applets-Formulars. Zu Ihre...

Die v-for-Direktive in Vue vervollständigt die Listendarstellung

Inhaltsverzeichnis 1. Listendurchlauf 2. Die Roll...