Question

使用上面的代码我可以导航到不同的页面，但我需要的是如果我选择“page3”，那应该是选择模式（我的意思是它应该在下拉选择菜单中选择），这不是发生。任何人都可以解决这个问题。

<!DOCTYPE html>
<html>
    <head>
        <title>index1</title>
        <link rel="stylesheet" href="css/styles.css" type="text/css" media="screen">
        <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    </head>
    <body>
        <h1>PAGE1</h1>
        <form>
            <select id="dropdown">
                <option value="index1.html">select</option>
                <option value="index1.html">page1</option>
                <option value="index2.html">page2</option>
                <option value="index3.html">page3</option>
            </select>
        </form> 

        <script type="text/javascript" src="js/customjs.js"></script>
    </body>
</html>

jQuery的：

$("select").change(function() {  
    window.location = $(this).find("option:selected").val();
});

Answer 1

以下是您的jQuery代码的样子：

这将获取当前URL的路径名，并在下拉列表中选择该值。

$(document).ready(function(){

    var url = window.location.pathname; //e.g: "http://www.test.com/index2.html";
    var pagename = url.split("/").pop();

    $("select").val(pagename);

    $("select").change(function() {  
        window.location = $(this).find("option:selected").val();
    });

});

此解决方案还假定您未使用查询字符串。

当我们导航到其他页面时，选择菜单选项未被选中

1 个答案: