在标签标签上使用this.form.submit（）

Question

要复制我的问题（使用FireFox），请转到此页面 。

如果单击第一个图像，即标签标签，则将提交表单，但是不会获取该值，因此后续页面不正确。

点击后退按钮，然后再次单击同一张图片，您将获得正确的响应。

下一页同样适用。 点击图片标签，您将看到页面错误。 点击后退按钮并重复-此值将被提取并且脚本将继续。

谁能解释为什么会这样以及我该如何纠正？

这是不正常的形式：

<form action="lookup.asp" method="post">
<div class="boxes">
  <div class="box">
    <label for="first" onClick="this.form.submit()"> <img src="images/mintmarks/stgeorge-london.png" alt="No mintmark - London"> </label>
    <input value="1" type="radio" name="Mintmark" id="first" onClick="this.form.submit()" checked="checked">
  </div>
  <div class="box">
    <label for="third" onClick="this.form.submit()"> <img src="images/mintmarks/stgeorge-melbourne.png" alt="Melbourne mintmark"> </label>
    <input value="3" type="radio" name="Mintmark" id="third" onClick="this.form.submit()">
  </div>
</div>
<div class="boxes">
  <div class="box">
    <label for="second" onClick="this.form.submit()"> <img src="images/mintmarks/stgeorge-sydney.png" alt="Sydney mintmark"> </label>
    <input value="2" type="radio" name="Mintmark" id="second" onClick="this.form.submit()">
  </div>
</div>
<div class="boxes">
  <div class="row">
    <input name="CoinDate" type="hidden" value="1895" />
    <input name="Bust" type="hidden" value="7" />
    <input name="Design" type="hidden" value="1" />
    <input type="submit" class="button" id="js-button" value="SELECT MINTMARK">
  </div>
</div>
</form>

谢谢！

Answer 1

第一次改变

<form action="lookup.asp" method="post">

至

<form action="lookup.asp" method="post" name="test_form" id="test_form">

第二次改变

onClick="this.form.submit()"

至

onClick="document.forms.test_form.submit()"

编辑：您也可以这样做

onclick="submit_form()"




<script>
function submit_form()
  {
     $("#test_form").submit();
  }
</script>