使用Javascript跳转到锚基础上提交值/名称(Javascript jump to ancho

2019-09-22 06:20发布

我正在一个网页,基本上是一个长形的,与随后每个表后提交按钮信息表。

的形式提交给自己,并改变基于用户输入表中的信息。

我想这样做是有页面跳转到“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上提交,文件重新加载和全自动去锚命名第2节,窗口2被提交时,它滚动到SECTION3等



Answer 2:

可能你会发现使用更方便http://www.w3schools.com/html/html_links.asp (部分HTML链接- name属性),而不是JavaScript的? 仅仅是一个建议。



文章来源: Javascript jump to anchor based on submit value/name