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

Detaillierte Erläuterung des Überwachungsmethodenfalls von Vue

Laden Sie VSCode herunter, installieren Sie es unter Linux und verwenden Sie die Programmierung, um die aktuelle Zeit auszugeben

Artikel

Die Vue-Komponentenbibliothek ElementUI realisiert den Paging-Effekt einer Tabellenliste

Artikel

Überlegungen zur Kürzung von mehrzeiligem Text mit einer Schaltfläche „Mehr anzeigen“

Artikel

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

Detaillierte Erläuterung des Überwachungsmethodenfalls von Vue

Zwei Möglichkeiten zum Konfigurieren globaler Vue-Methoden

JavaScript-Farbbetrachter

Die Verbindung zwischen JavaScript-Konstruktoren und Prototypen

CSS verwendet das Autoflow-Attribut, um einen Sitzauswahleffekt zu erzielen

So deaktivieren Sie die automatische Eingabeaufforderung zum Speichern des Kennworts im Chrome-Browser

Beispielcode zur Implementierung transparenter Verlaufseffekte mit CSS

Laden Sie VSCode herunter, installieren Sie es unter Linux und verwenden Sie die Programmierung, um die aktuelle Zeit auszugeben

Die Vue-Komponentenbibliothek ElementUI realisiert den Paging-Effekt einer Tabellenliste

Überlegungen zur Kürzung von mehrzeiligem Text mit einer Schaltfläche „Mehr anzeigen“

Artikel empfehlen

Analyse und Lösung des Grundes, warum das Frameset-Tag in HTML nicht normal angezeigt werden kann

Beispiel zum Erstellen eines lokalen Benutzers in MySQL und Erteilen von Datenbankberechtigungen

Verwenden Sie die Tools iptables und firewalld, um Verbindungsregeln für die Linux-Firewall zu verwalten

Beispiel für die Implementierung einer lokalen Fuzzy-Suchfunktion in Front-End-JavaScript

mysql Backup-Skript und halten Sie es für 7 Tage

So zeigen Sie den Typ des gemounteten Dateisystems in Linux an

Wissenspunkte und Nutzungsdetails zu globalen Variablen und globalen Objekten von Nodejs

Die Umsetzung von Youdas neuem Petite-Vue

Tipps zur Optimierung von MySQL SQL-Anweisungen

Inhaltstypbeschreibung, d. h. der Typ des HTTP-Anforderungsheaders

Analyse und Anwendung des Wasserfallflussprinzips unregelmäßiger Bilder

Eine kurze Diskussion über das Prinzip des bidirektionalen Ereignisbindungs-V-Modells von Vue

Detaillierte Schritte zur Implementierung der Timeout-Statusüberwachung in Apache FlinkCEP

So stellen Sie ein SpringBoot-Projekt mit Docker bereit

Beim Bereitstellen von rabbitmq mit Docker sind zwei Probleme aufgetreten