javascript - 在标签标签上使用 this.form.submit()

Question

要重现我的问题(使用 FireFox)，请访问 this page .

如果点击第一张图片，这是一个标签标签，表单会提交，但不会拾取值，因此后续页面不正确。

点击后退按钮并再次单击同一张图像，您会得到正确的响应。

下一页也是如此。单击图像标签，您将收到页面错误。点击后退按钮并重复 - 该值将被拾取并且脚本将继续。

谁能解释一下为什么会发生这种情况以及我该如何纠正这个问题？

以下是不正常的表单:

<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>