Question

我有一个包含多个阶段的表单，我需要在点击左侧的链接时让jquery提交表单：

<a href='?stage=1' class='page-left-btn'>Stage 1</a>
<a href='?stage=2' class='page-left-btn'>Stage 2</a>
<a href='?stage=3' class='page-left-btn'>Stage 3</a>
<a href='?stage=4' class='page-left-btn'>Stage 4</a>

<form id='stageform' action='myurl'>
<!-- form content here which is dynamically dispalyed with php based on the current      stage
</form>

现在我有以下jquery在点击链接时提交表单但它不能正常工作，我可以为我的生活做好准备，为什么它不会工作。

 $(document).ready(function(){
$('a.page-left-btn').click( function() {
    $('#stageform').submit();
});

如果我使用像这样的可点击的div，我可以使用它：

 <div  class='page-left-btn'>stage 1</div>

和这个jQuery但是我无法将新的url传递给页面？

   $(document).ready(function(){
$('.page-left-btn').click( function() {
    $('#stageform').submit();
});

我是否错误地选择了链接，任何人都可以提供帮助，我确信它的内容很简单，我只是忽略了

提前致谢

Answer 1

当你将一些js代码绑定到一个锚标签时，你必须停止锚的默认行为，这将带你到链接的href中指定的下一页。

所以改为：

$('a.page-left-btn').click( function(e) {
    e.preventDefault(); // <---this should be done if your selector is anchor
    $('#stageform').submit();
});

About event.preventDefault()

Jquery链接到提交表单

1 个答案: