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

时间:2014-08-13 01:47:13

标签: javascript html forms

要复制我的问题(使用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>

谢谢!

1 个答案:

答案 0 :(得分:0)

首先改变

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