Jquery $.post array (again...)

Question

So, somewhat standard situation:

OK, so replacing <div> with <form> works. Now to see if any nesting issues occur...

<div id=hidden>
     <input type=hidden value=2 id=i1 name=i1>
     <input type=hidden value=5 id=i2 name=i2>
     <input type=hidden value=6 id=i3 name=i3>
     <input type=hidden value=1 id=i4 name=i4>
     <input type=hidden value=10 id=i5 name=i5>
</div>

I need to submit this data via POST. however alert ($('#hidden').serialize()); returns blank string. What have I done wrong?

Nick Craver · Accepted Answer · 2010-10-06 01:46:20Z

4

Due to it's used of .elements, you can only .serialize() a <form> so change your <div> to a <form> and it'll work.

For illustration, here's the <div> version (not working) and the <form> version (working).

As an aside, make sure to enclose your attributes in quotes, like this:

<form id="hidden">
  <input type="hidden" value="2" id="i1" name="i1">
  <input type="hidden" value="5" id="i2" name="i2">
  <input type="hidden" value="6" id="i3" name="i3">
  <input type="hidden" value="1" id="i4" name="i4">
  <input type="hidden" value="10" id="i5" name="i5">
</form>

An alternative is to break .serialize() down into its parts, like this:

alert($.param($('#hidden :input').serializeArray()));
//or
alert($('#hidden :input').serialize());

Check out that version here (note it works with <div>).

edited Oct 6, 2010 at 1:46

answered Oct 6, 2010 at 1:39

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

try

alert($('#hidden input').serialize()); // this will serialize all input element.

if you want to Selects all input, textarea, select and button elements, use :input

from the Docs,

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

crazy demo

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Oct 6, 2010 at 1:46

Reigel Gallarde

65.4k21 gold badges126 silver badges142 bronze badges

1 Comment

Nick Craver Over a year ago

Did you mean to link to my exact fiddle, or make you own? :)

Collectives™ on Stack Overflow

Jquery $.post array (again...)

2 Answers 2

Comments

crazy demo

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related