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