jQuery $(this).serialize()不发送未更改的输入

时间:2013-06-09 10:33:12

标签: php javascript jquery html

当我使用jQuery post和serialize发送表单时,我似乎只发送已更改的表单中的项目。我想序列化整个表单。我该怎么做?

我有一些HTML。

<form name ="XXX" class="user_goal_form">
  <input type="hidden" name ="goalID" value="1"/>
  <input type="hidden" name ="userID" value="1"/>
  Fullfilled: <input type="number" class="user_goal_input" name="achievedLevel" value="5"/.>
  Finished: <input type="checkbox" class="user_goal_input" name="goalCompleted" value="false"/>
</form>

附上一些jQuery:

$(".user_goal_input").change(function(){
  $.post("./handelform.php", {form: $(this).serialize()})
    .done(function(data) {
      $("#userList").html(data);
});

我在handleform.php中收到的已发布表单的内容只是表单中已更改的内容。从来没有隐藏的输入或任何未被改变的输入。我怎样才能提交整个表格?

1 个答案:

答案 0 :(得分:5)

您正在序列化输入而不是表单。

你可以这样做:

$(".user_goal_input").change(function(){
    $.post("./handelform.php", {form: $(this.form).serialize()})