Gewusst wie: überschreiben einer Schaltfläche zum senden und sammeln von Formulardaten
Ich habe eine web-Seite wie diese:
<form id="some-form">
<input type='text'>
<button type="submit">
</form>
. . . later in the page . . .
<div id="more-inputs">
<input type="checkbox">
<input type="text">
</div>
Aus verschiedenen Gründen, die später Eingänge und Kontrollkästchen können nicht gehen in der ursprünglichen form, aber wenn das Formular abgeschickt wird, will ich mit jQuery sammeln Sie die Werte aus den Checkboxen und den anderen Formen, und schicken Sie das Formular als GET-request.
- Ich weiß, das ist eine alte, alte Frage, aber HTML5 hat eine "form" - Attribut auf viele (alle?) Formular-Elemente, verbindet diese mit einer form an anderer Stelle auf der Seite. Es gibt auch Attribute, die das element machen Dinge anders von der form sind Sie Teil oder nicht Teil), wie "formaction", "formenctype", "formmethod", etc. Ich bin mir nicht sicher, ob diese helfen würde, die OP, obwohl. Er hat sich wohl verschoben auf andere Projekte zu jetzt.
- DAS HABE ICH TATSÄCHLICH NICHT! ICH WERDE IN DIESE AUSSEHEN!
Du musst angemeldet sein, um einen Kommentar abzugeben.
Dazu als
GET
ich würde zunächst bewegen sich die Werte, die Sie brauchen, bis in einigen angehängt, versteckte Eingänge in Ihrer form. Dann können Sie anrufen$.get
mit derdata
wird eine serialisierte version der neu aktualisierten form.Also:
Hinweis: dies erfordert, dass Sie haben einige name-Attribute auf der Sie Eingänge in 'mehr-Eingänge'
Nur Falle der
submit
event
für Ihreform
?Können Sie abfangen der
submit
-eventisNaN1247 Antwort richtig löst den Teil über das überschreiben der reichen, aber Sie haben tatsächlich nicht zu bewegen, die Elemente in das Formular.
jQuery können direkt serialisieren diese Eingänge innerhalb des div -. Sie müssen nur einen Selektor für immer jeder dieser Eingänge (wie in diese Antwort). Und jQuery können Sie behandeln sowohl die form als Eingänge, und die anderen Eingänge, alle auf einmal:
Hinweis: diese Antwort auch erfordert, dass Sie einige name-Attribute auf Sie-Eingänge (sowohl in der 'mehr-Eingänge' und im Formular).
Möchten Sie vielleicht zu prüfen, was
serialize
gibt, mit dem folgenden code-snippet:JS:
HTML: