CODEWITHSUNDEEP
javascriptjquery
Dziamid
Dziamid

Reputation: 11571

Serializing a subset of form

I have a form that embeds another form:

<form>
  <input type="text" name="main[name]">
  <textarea name="main[body]"></textarea>
  <div id="embedded">
    <input type="text" name="main[embedded][name]">
    <textarea name="main[embedded][body]"></textarea>
  </div>
</form>

I need to serialize the embedded form only.

$('#embedded').serialize() results in empty string.

Upvotes: 6

Views: 1662

Answers (2)

Matt
Matt

Reputation: 75307

You are not embedding another form, you are embedding a div.

The serialize() method can only be called on a form elements, or the form element itself.

var serialized = $('#embedded').find(':input').serialize();

The .serialize() method can act on a jQuery object that has selected individual form elements, such as <input>, <textarea>, and <select>. However, it is typically easier to select the <form> tag itself for serialization:

Upvotes: 9

paulslater19
paulslater19

Reputation: 5917

I haven't tested this, but you could try:

$("<form/>").html($('#embedded').clone()).serialize()

Upvotes: 1

Related Questions