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

它工作......有点。它不会在第一次按下提交按钮时跳转，而是在第二次按下时跳转。

我愿意接受建议... 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 更方便？只是一个建议。