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

Beispielcode für die Verwendung von js zur Implementierung gleichzeitiger Ajax-Anfragen, um die Anzahl der Anfragen zu begrenzen

Artikel

Vergleich von 5 CSS-Scrolling-Ceiling-Implementierungsmethoden (Performance-Upgrade-Version)

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

Beispielcode für die Verwendung von js zur Implementierung gleichzeitiger Ajax-Anfragen, um die Anzahl der Anfragen zu begrenzen

Vergleich von 5 CSS-Scrolling-Ceiling-Implementierungsmethoden (Performance-Upgrade-Version)

Beherrschen Sie die CSS-Eigenschaft „display:flow-root“-Deklaration in einem Artikel

Detailliertes Beispiel für die Verwendung von Typescript zum Einkapseln von Axios in Vue3

MySQL-Optimierungsstrategie (empfohlen)

Befehlsliste des Baota Linux-Panels

Beispielcode für die Projektbereitstellung zur Trennung von Front-End und Back-End in Flask und Vue

Verwenden von JS zum Implementieren eines einfachen Rechners

Detaillierte Erläuterung der Konfigurationsmethode der Lese-/Schreibtrennung bei der MySQL-Master-Slave-Replikation

CSS-Benennung: BEM, Scoped CSS, CSS-Module und CSS-in-JS erklärt

Artikel empfehlen

Detaillierte Erläuterung zur Verwendung von grep zum Abrufen von MySQL-Fehlerprotokollinformationen

Diskussion zu Bildpfadproblemen in CSS (dasselbe Paket/anderes Paket)

Vue implementiert die Anmeldung mit grafischem Bestätigungscode

So erstellen Sie eine MySQL-Datenbank (de1) mit Befehlen

Nginx-Konfiguration: Trennung von PC-Site und mobiler Site zur Realisierung der Umleitung

Grafisches Tutorial zur Installation und Konfiguration der grünen Version von MySQL 5.7.21 winx64

So überprüfen Sie die PCIe-Version und -Geschwindigkeit unter Linux

Verwenden von CSS3 zum Implementieren eines Schriftfarbverlaufs

Detaillierte Erläuterung der Wissenspunkte der Linux-DMA-Schnittstelle

JavaScript zum Implementieren einer einfachen Tab-Leiste zum Wechseln der Inhaltsleiste

Detaillierte Erklärung zur Verwendung von awk unter Linux

Vue3 implementiert ein Beispiel für eine Nachrichtenkomponente

3 Lösungen, damit Ihre Website alte Versionen der Browser IE6, 7, 8 und 9 unterstützt

Mehrere Möglichkeiten zur Implementierung eines 0-ms-Verzögerungstimers in js

So zeigen Sie die MySQL-Zeitzone an und legen sie fest