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

Natives JS implementiert benutzerdefinierte Bildlaufleistenkomponente

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

Natives JS implementiert benutzerdefinierte Bildlaufleistenkomponente

Beispielcode für die Verwendung von Textausrichtung und Rand: 0 automatisch zentrieren in CSS

Django-Online-Bereitstellungsmethode von Apache

Eine elegante Möglichkeit, die Autorisierungsanmeldung für WeChat-Applets zu handhaben

Ausführliche Erklärung des Sperrmechanismus in MySQL InnoDB

JavaScript-Canvas zum Erzielen von Regentropfeneffekten

HTML6 implementiert Beispielcode für Faltmenüs und Akkordeonmenüs

Die 10 klassischen Optimierungsfälle und -szenarien von MySQL

Detaillierte Erläuterung möglicher Probleme bei der Konvertierung von Gleitkommadaten in Zeichendaten in MySQL

Informationen zu benutzerdefinierten Überwachungselementen und Triggern von Zabbix

Artikel empfehlen

Detaillierte Erläuterung der Idee der xshell-Remote-Anmeldung bei CentOS7 ohne Kennwortanmeldung

Verwenden Sie das Tool nginx.vim zur Syntaxhervorhebung und Formatierung der Konfigurationsdatei nginx.conf

Lösen Sie das Sprungproblem des mobilen Endgeräts (CSS-Übergang, Ziel-Pseudoklasse).

So verwenden Sie den Nginx-Proxy zum Surfen im Internet

Detaillierte Erläuterung inkompatibler Änderungen an Rendering-Funktionen in Vue3

Detaillierte Erläuterung zweier Methoden zum Festlegen globaler Variablen und Sitzungsvariablen in MySQL

Ubuntu16.04 erstellt eine php5.6-Webserverumgebung

Vue3.0 implementiert die Kapselung von Kontrollkästchenkomponenten

Sitemesh-Tutorial – Grundsätze und Anwendungen der Seitendekorationstechnologie

So erstellen Sie Ihren eigenen privaten Nexus-Server unter Linux

Einführung in Fork in Multithreading unter Linux

10 Fähigkeiten, die Frontend-Entwickler millionenschwer machen

Detaillierter Prozess zum Ändern der Apt-Quelle in die Alibaba Cloud-Quelle in Ubuntu 18.04

Installieren Sie Percona Server+MySQL auf CentOS 7

Responsives CSS-Webseitenlayout zur automatischen Anpassung an PC-/Pad-/Telefongeräte