Javascript根据提交值/名称跳转到锚点

Question

我在一个页面上工作，这基本上是一个很长的形式，与信息表后面的每个表的提交按钮。

表单提交给自己，并根据用户输入更改表中的信息。

我想要做的是，如果“提交按钮X”被按下，页面跳转到“X部分”，如果“提交按钮Y”被按下，则跳到“Y部分”，等等。

我目前正在文档的头部使用这个Javascript来尝试实现这一点：

<script type="text/javascript">

var anchors = new Array(

<?php 
for($i = 0; $i < 13; $i++) {
    $anchors =  "\"$divTag[$i]\"";
    if($i < 12) {
        $anchors .= ", ";
    }
    echo $anchors;
} ?>

)

function jumpToAnchor() {

    <?php if(isset($_POST["submit_fjw"])) { ?>

    window.location = String(window.location).replace(/\#.*$/, "") +
    "#" + anchors[0];

    <?php } if(isset($_POST["submit_jwl"])) { ?>

    window.location = String(window.location).replace(/\#.*$/, "") +
    "#" + anchors[1];

    <?php } ?>
}

它起作用了..。差不多吧。它不会在第一次按下Submit按钮时跳转，而是在第二次按下时跳转。

我愿意接受你的建议...Javascript越少越好，因为我的Javascript技能充其量也是很弱的。我是否可以使用绑定到提交按钮的变量，将值传递给PHP脚本并正确地跳转到正确的部分？

Answer 1

你试过这样的东西吗？

<form action="thisfile.php#section2" name="form1" ... >
....
</form>

<a name="section2">
<form action="thisfile.php#section3" name="form2" ... >
....
</form>

<a name="section3">
<form ....

提交form1时，文件会重新加载并自动转到名为section2的锚点，提交form2时，会滚动到section3，依此类推

Answer 2

你会发现使用http://www.w3schools.com/html/html_links.asp (部分HTML链接-名称属性)而不是javascript更方便吗？这只是个建议。