jQuery serialize() throws empty string in Rails

Question

jQuery serialize() throws empty string from a form, here is the source of the form

<form accept-charset="UTF-8" action="/asdf" id="form_for_asdf_1_option_1" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="asdfaaqwefasdfwefefsefefwew=" /></div>
    <input name="checkbox_update_vote[asdf_id]" type="hidden" value="0" /><input id="dbr_1_of_asdf_1" name="checkbox_update_vote[asdf_id]" type="checkbox" value="1" />
    <input id="option_1_of_asdf_1" name="checkbox_update_vote[option_id]" type="hidden" value="1" />
    <input id="del_1_of_asdf_1" name="checkbox_update_vote[del]" type="hidden" value="false" />
    <br />
</form>

and the JavaScript used to show the serialized output.

$(document).ready(function() {
  $('input[type="checkbox"]').change(function() {
    alert($($(this).parents("form")[0].id).serialize());
  });
});

can some one point me where I am doing mistake?

Engineer · Accepted Answer · 2012-04-07 08:47:11Z

3

Add '#':

$("#" + $(this).parents("form")[0].id)

Or remove .id:

$($(this).parents("form")[0])

answered Apr 7, 2012 at 8:47

Engineer

48.9k12 gold badges90 silver badges93 bronze badges

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

Comments

andyb · Accepted Answer · 2012-04-07 08:50:40Z

0

You are missing the # when looking for the form with the given id.

However, you could avoid this problem and simply use .closest() to find the ancestor <form>

$(this).closest('form').serialize();

answered Apr 7, 2012 at 8:50

andyb

43.9k12 gold badges126 silver badges155 bronze badges

Collectives™ on Stack Overflow

jQuery serialize() throws empty string in Rails

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related