So übermitteln Sie den Wert eines deaktivierten Formularfelds in einem Formular Beispielcode

Wenn ein Formularfeld in einem Formular deaktiviert ist, wird der Wert des Formularfelds nicht übermittelt. Manchmal müssen Sie diesen Wert jedoch übermitteln.
Es gibt viele Lösungen, wie beispielsweise die Verwendung von schreibgeschützt statt deaktiviert, aber ich denke, keine davon ist besonders gut (die genauen Gründe werden weggelassen).

Mir ist eine Lösung eingefallen, die darin besteht, das abzuschickende Formular vor dem Absenden zu kopieren, dann das deaktivierte Attribut aller Formularfelder im kopierten Formular auf „false“ zu setzen und dann das kopierte Formular abzuschicken. Nachfolgend sehen Sie den Demonstrationscode (speichern Sie den Code in einer Datei mit dem Namen „submit.html“, um den Demonstrationseffekt zu beobachten).

Code kopieren

Der Code lautet wie folgt:

<html>
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=shift-jis">
<Titel>
Senden
</Titel>
<Skript>
Funktion doSubmit(Formular) {
var neueForm = form.cloneNode(true);
enableFields(newForm.getElementsByTagName("Eingabe"));
enableFields(newForm.getElementsByTagName("Textbereich"));
Aktivieren Sie die Felder (newForm.getElementsByTagName("Auswählen"));
newForm.style.display = "keine";
Dokument.Body.AnhängenUntergeordnetesElement(neuesFormular);
neuesFormular.submit();
}
Funktion enableFields(Felder) {
für(var i=0;i<Felder.Länge;i++) {
var Feld = Felder[i];
wenn (Feldinstanz von (Array)) {
für (var j=0;j<Feld.Länge;j++) {
Feld[j].deaktiviert = false;
}
} anders {
Feld.deaktiviert = falsch;
}
}
}
</Skript>
</Kopf>
<Text>
<form action="submit.html">
<input type="text" name="text" value="tt" deaktiviert/>

<input type="radio" name="radio" value="r1" aktiviert deaktiviert>r1
<Eingabetyp="Radio" Name="Radio" Wert="r2">r2

<Eingabetyp="Kontrollkästchen" Name="Kontrollkästchen" Wert="c1">c1
<input type="checkbox" name="checkbox" value="c2" aktiviert deaktiviert>c2

<select name="select" deaktiviert>
<optionswert="1">1</option>
<optionswert="2">2</option>
</Auswählen>

<textarea name="textarea" deaktiviert>123</textarea>

<input type="button" value="senden" onclick="doSubmit(this.form)">
</form>
</body>

<<: CSS3 realisiert den grafischen Fallanimationseffekt

>>: Erläuterung des Beispiels einer MySQL-Datenanalyse-Speicher-Engine

Eine umfassende Analyse der Möglichkeiten von Nginx

So übermitteln Sie den Wert eines deaktivierten Formularfelds in einem Formular Beispielcode

Eine umfassende Analyse der Möglichkeiten von Nginx

Was bedeutet href=# in einem Link?

So finden und löschen Sie doppelte Zeilen in MySQL

Datendiebstahl mit CSS in Firefox

So aktualisieren Sie den Kernel in Deepin Linux manuell

Referenz zur Webseitenerstellung im IE6 - Standardstil im IE6

Detaillierte Erläuterung der perfekten CSS3+JS-Implementierung des Lupenmodus

Detaillierte Schritte zum Konfigurieren virtueller Hosts in nginx

Webdesign-TabIndex-Element

Detaillierte Erklärung von BOM und DOM in JavaScript

Artikel empfehlen

Zusammenfassung neuer Anwendungsbeispiele für Calculated in Vue3

Beispiel für handschriftliches Vue2.0-Daten-Hijacking

Zusammenfassung der MySQL-DML-Anweisungen

Beispiele für die Interaktion zwischen MySQL und Python

Beispiel für Auslassungspunkte bei Überlauf von mehrzeiligem CSS-Text

jQuery implementiert das Klicken auf die linke und rechte Schaltfläche zum Wechseln von Bildern

Data URI und MHTML Komplettlösung für alle Browser

Verwenden von NTP zur Zeitsynchronisierung in Ubuntu

CocosCreator implementiert Skill-Kühleffekt

MySQL Datenbank 8 - detaillierte Erklärung der Anwendung von Funktionen in der Datenbank

Verwenden Sie CSS- und Bootstrap-Symbole, um einen auf und ab springenden Indikatorpfeil-Animationseffekt zu erstellen

Tutorial zur Installation und Konfiguration von MySQL Workbench unter CentOS

Vue3 AST Parser-Quellcode-Analyse

Vue implementiert Mehrfachauswahl im unteren Popup-Fenster

MySQL-Vorkompilierung in einem Artikel verstehen