Senden Sie weitere Formulare mit nur einem Klick

Angenommen, Sie haben zwei von auf Ihrer Webseite an verschiedenen Orten. Sie möchten jedoch zwei Formulare mit einem Klick übermitteln. Dann verwenden Sie -

Ihr HTML:

<form id="form1">
   <!-- Form 1 fields -->
   <input type="text" name="field1" placeholder="Field 1">
</form>

<form id="form2">
    <!-- Form 2 fields -->
    <input type="text" name="field2" placeholder="Field 2">
</form>

JS:

window.addEventListener('load', function() {
            // Get form data
            let form1 = new FormData(document.getElementById('form1'));
            let form2 = new FormData(document.getElementById('form2'));

            // Combine both forms data into URLSearchParams
            let urlParams = new URLSearchParams();
            form1.forEach((value, key) => {
                urlParams.append(key, value);
            });
            form2.forEach((value, key) => {
                urlParams.append(key, value);
            });

            // Redirect to a new URL with combined form data
            window.location.href = '/submit-both-forms?' + urlParams.toString();
        });

Dadurch wird eine Get-Anfrage an den Standort gesendet.

Das obige ist der detaillierte Inhalt vonSenden Sie weitere Formulare mit nur einem Klick. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!