怎么没有添加额外的 html 表单信息？

Question

我不确定为什么在提交表单时没有提交我的附加输入信息。我已经应用了我在类似帖子中找到的内容，以便在提交表单之前插入额外的输入。不幸的是，只提交了“question1answers”。额外的“时间”信息不是:(这段代码有什么问题...

<form method="post" id="answer_form" action="./submit_test.php">
        <h3>1. xyz</h3>

   <div>
       <input type="radio" name="question1answers" id="question-1-answers-A" value="A" />
       <label for="question-1-answersA">A) <sup>253</sup>/<sub>240</sub> </label>
   </div>

   <input type="submit" value="Submit" name="Submit" style="font-size:32px;">
</form>

jquery:

$("#answer_form").submit(function(e){
    $("<input />").attr('type', 'hidden')
      .attr('name', 'time')
      .attr('value','60')
      .appendTo("#answer_form");
  return true;
});

Answer 1

这应该可以工作，正如主题中提供的许多其他解决方案一样，此代码来自How to add additional fields to form before submit?

你也可以像这样简单地做（只需添加隐藏）：

$("#answer_form").submit(function(e) {
  $(this).append('<input  name="time" value="60">');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form method="post" id="answer_form" action="./submit_test.php">
  <h3>1. xyz</h3>

  <div>
    <input type="radio" name="question1answers" id="question-1-answers-A" value="A" />
    <label for="question-1-answersA">A) <sup>253</sup>/<sub>240</sub> </label>
  </div>

  <button type="Submit" value="Submit" name="Submit" style="font-size:32px;">Submit</button>
</form>

如您所见，这可以正常工作，如果不是问题出在其他地方，而不是出现在代码中。也许在你的 PHP 中。