Wie kann ich deaktivierte Formularfelder in JavaScript übermitteln?

Deaktivierte Formularfelder senden

Bei der Arbeit mit Formularen kann es vorkommen, dass bestimmte Felder sichtbar, aber für die Bearbeitung deaktiviert sein müssen. Dies kann jedoch beim Übermitteln von Daten eine Herausforderung darstellen, da deaktivierte Felder normalerweise ihre Werte nicht übermitteln.

Um dieses Problem zu beheben, kann das READONLY-Attribut verwendet werden. Leider wird es für Eingabetypen wie „Kontrollkästchen“ und „Auswählen“ nicht unterstützt.

jQuery-Lösung

In Fällen, in denen READONLY nicht anwendbar ist, bietet jQuery eine Problemumgehung:

$('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});

Dieses Code-Snippet entfernt das deaktivierte Attribut aus allen Elementen innerhalb des Formulars bei der Übermittlung. Dadurch können die Felder übermittelt werden, obwohl sie ursprünglich deaktiviert waren.

Zusätzliche Überlegungen

Zusätzlich, wenn Sie die Bearbeitung von Feldern blockieren möchten, dies aber nicht möchten Wenn Sie sie ausblenden möchten, können Sie sie mithilfe von CSS als schreibgeschützt formatieren. Zum Beispiel:

input[disabled] {
    background-color: lightgray;
    border: 1px solid gray;
}

Dieser Code lässt deaktivierte Eingabefelder ausgegraut erscheinen und ermöglicht Benutzern nicht, sie zu bearbeiten. Sie sind jedoch weiterhin sichtbar und ihre Werte werden beim Absenden des Formulars übermittelt.

Das obige ist der detaillierte Inhalt vonWie kann ich deaktivierte Formularfelder in JavaScript übermitteln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!