Question

我有一个包含多个提交按钮的表单，其中一个用于编辑用户。单击它时，您将使用php显示“编辑div”。

我想要的是向下滚动到div的网站。我正在使用这个函数JS Fiddle Jump，只要我不将它与我的提交按钮一起使用它实际上工作得很好......

这是我的按钮：

echo"
<form action='' method='POST'>
<button type='submit' class='btn btn-warning btn-circle' title='Editer' name='edit' value='$row[id]' onclick='jump(\'test\')'><i class='fa fa-pencil'></i>
</button>
</form>
";

首先我尝试执行onclick动作来触发jump（）函数，但从未奏效，我相信这是因为我的缩进。

我还尝试在显示div的php代码中触发jump（）函数。

if (isset($_POST['edit'])) {
    echo '<script type="text/javascript">',
    'jump("test");',
    '</script>'
    ;

显然我在页面底部有<div id="test"></div>只是为了尝试。

此提交按钮尚无效。如果您对可能导致此问题的原因有所了解，请打我。感谢。

Answer 1

按钮类型submit使用HTTP方法立即提交表单method属性，URL为action属性。要防止它，请添加到表示事件和方法的函数参数e

e.preventDefault()

Answer 2

从您的问题看来，不同部分的所有html似乎已经存在，并且您希望在单击按钮时跳转到某个部分。

如果是这种情况，没有理由将表单提交给服务器，您只需要移到页面上的正确部分。

所以你不需要按钮的表单，它的类型不应该是submit，而只是button：

<button type='button' class='btn btn-warning btn-circle' title='Editer' name='edit' value='$row[id]' onclick='jump(\'test\')'><i class='fa fa-pencil'></i>

另一种方法是从false处理程序返回onclick，但这似乎没有必要。

使用JS跳转到特定的div

2 个答案: