javascript - 从jQuery中生成的表单中获取数据

Question

我有以下代码设置：

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

不得不对其进行一些更改以将其全部放在 jsfiddle 上，但我遇到的问题是来自第一个 from 的数据被放入查询字符串以发送到 ajax 调用，但之后生成的表单元素（其中来自 JSON 调用）再次单击下一步按钮时不会提交。

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

希望这是有道理的。

任何帮助表示赞赏。

谢谢。

Answer 1

发生这种情况是因为您将整个<form>元素替换为问题 2 中的新 HTML 内容。替换$('.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）。