Question

我有以下代码设置：

http://jsfiddle.net/bABHU/2/

不得不改变它一点点才能把它全部放在jsfiddle上但是我遇到的问题是来自第一个的数据被放入查询字符串发送到ajax调用，但是后面生成的表单元素当再次单击下一个按钮时，它（来自JSON调用）不会被提交。

因此，当您遇到第二个问题时，我如何提交生成的“答案”输入。 - 查看控制台的输出。

希望这是有道理的。

感谢任何帮助。

感谢。

Answer 1

这种情况正在发生，因为您要使用问题2中的新HTML内容替换整个<form>元素。将$('.FinderOptionsInner').html替换为$('#formStep').html

请参阅http://jsfiddle.net/M3eZp/1/

Answer 2

当您替换findOptionsInner的标记时，您将删除表单本身。因此它没有序列化。此外，您的表单没有密切标记。

<form action="" method="post" name="formStep" id="formStep">
<div class="FinderOptionsInner">
    <p>
    <label class="label_check">
      <input type="radio" name="answer" value="1" id="answer_0" />
      Answer 1</label>
    <br />
    <label class="label_check">
      <input type="radio" name="answer" value="2" id="answer_1" />
      Answer 2</label>
    <br />
  </p>
</div>
</form>

<div class="nextButton-step1 nextButton">Next
</div>

工作得很好（注意我还修复了表单的关闭标签和底部的div）。

从jquery中生成的表单中获取数据

2 个答案: