0

我想使用单一形式将用户信息分成两部分，然后序列化这些值。这是我在我的代码中执行此操作的方式-

 <form action="">
<div id="11">
First name: <input type="text" name="FirstName" value="" /><br>
Last name: <input type="text" name="LastName" value="" /><br>
</div>

<button id="b1" >Proceed to get next two values</button>

<div id="22" style="display:none">
First name2: <input type="text" name="FirstName2" value="" /><br>
Last name2: <input type="text" name="LastName2" value="" /><br>
</div>

</form>

<button id="b2"  style="display:none">Serialize all form values</button>
<div></div>

因此，在上面的代码中，我想一次显示两个字段，同时隐藏另外两个字段。然后使用 jquery serialize() 序列化所有四个值。这是我试图在我的 Jquery 中处理这个问题的方法：

<script>
$(document).ready(function(){
  $("#b1").click(function(){
  $("#11").hide();
  $("#b1").hide();
  $("#22").show();
  $("#b2").show();
});
  $("#b2").click(function(){
    y = $("div").text($("form").serialize());
   alert("output" + y);
   });
});
</script>

当我单击按钮（ID 为 11）时，div2 会显示，然后它会自动消失。不知道我在犯什么错误。请帮忙。

4

1 回答 1

0

问题无关serialize。

这段代码：

$("div").text($("form").serialize());

将替换每个DIV页面的内容。要针对特定​​对象DIV，请为其指定 ID。您还需要防止按钮在单击时触发浏览器提交表单。这可以通过设置或使用脚本type来button防止默认

演示：http: //jsfiddle.net/rd5Ac/

如果您将按钮放置在表单DIV的

于 2013-03-02T13:52:08.657 回答