jQuery Mehrere Formulare senden

Question

jQuery Mehrere Formulare senden

8

Ich habe 4 Formulare auf einer Seite. Ich weiß, dass Formulare nicht verschachtelt werden können.

<form id="form1"></form>

<form id="form2"></form>

<form id="form3"></form>

<form id="form4"></form>

in dieser Reihenfolge dargestellt.

Formular 1 und Formular 4 werden zur Verarbeitung an dieselbe php-Seite gesendet. Formular 1 hat 1 Eingabefeld Formular 4 hat mehrere Felder, Kontrollkästchen und Auswahlmöglichkeiten.

Was ist der beste Ansatz für Formular 1 oder Formular 4, der die kombinierten Felder beider Formulare sendet?

Ich habe jQuery ausprobiert, funktioniert gut für Texteingabe und Checkbox, kann aber nicht mit Select arbeiten. Versucht, Formular 1 und Formular 4 zu kombinieren und CSS zu verwenden, um Formular 1 neu zu positionieren, aber das Layout nicht richtig zu bekommen.

Gibt es etwas einfacher, dies zu tun?

javascript html jquery php

bigmoof 07.07.2012, 07:59

quelle

2 Antworten

Tags und Links javascript html jquery php

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Haskell-Datentyp Aliasnamen

score 10 · Answer 1

10

Es ist nicht möglich. Sie können entweder die Methode serialize() oder serializeArray() verwenden, um die Daten der Formulare abzurufen und sie mit Ajax an den Server zu senden:

Kodieren Sie eine Gruppe von Formularelementen als Zeichenfolge für die Übergabe.

%Vor%

undefined 07.07.2012 08:02

quelle

score 0 · Answer 2

Okay, ich konnte .serialize () nicht mit dem Checkbox-Array von form4, z.

%Vor%

Ich habe versucht, überprüfte Werte zu erfassen, konnte sie aber nicht zusammen mit anderen Eingaben serialisieren:

%Vor%

Also ging ich zurück und machte das einfachere:

Formular1 wurde entfernt, die Texteingabe und die Schaltfläche zum Senden innerhalb von <div id="searchbox" style="position:abosulte;top:-100px;left:0px;">My original form1</div> in form4 verschoben.

Fügen Sie einen Platzhalter <div id="placeholder" style="position:relative;"></div> über form2 und 3 wo form1 verwendet wurde.

Platziere ein Javascript oben:

%Vor%

verschiebt den Texteingabe- und Übergabeknopf, um sie absolut und relativ zum Platzhalter div zu positionieren.

Auf diese Weise habe ich sie auf 1 Form reduziert (was auch immer ihre Absicht ist), ich verlasse mich nicht auf Javascript, um irgendwelche Daten zu manipulieren und erfordert nicht die Tandem-Serialisierung auf beiden Formen.