Javascript 选择选项标记后,如何导航到另一个页面,然后自动运行jQuery函数?

Javascript 选择选项标记后,如何导航到另一个页面,然后自动运行jQuery函数?,javascript,jquery,html,forms,hyperlink,Javascript,Jquery,Html,Forms,Hyperlink,我正在使用HTML5、jQuery和Javascript创建一个寻路应用程序。总共有3个html页面,每个页面都有不同的图例。在这个应用程序中,我有一些按钮,可以调用jQuery单击功能,在地图上显示你所选位置上方的星星。每个按钮都有一个id,这些按钮按照我希望的方式工作。问题是我想添加一个下拉列表,该列表将提供与图例上按钮相同的功能。所以基本上我想做的是从下拉列表中选择一个部分,然后跳转到包含该部分的页面,并为所选部分显示星号。IE:如果我选择洗手间,我希望能够跳到一楼,并在洗手间上方显示星星

我正在使用HTML5、jQuery和Javascript创建一个寻路应用程序。总共有3个html页面,每个页面都有不同的图例。在这个应用程序中,我有一些按钮,可以调用jQuery单击功能,在地图上显示你所选位置上方的星星。每个按钮都有一个id,这些按钮按照我希望的方式工作。问题是我想添加一个下拉列表,该列表将提供与图例上按钮相同的功能。所以基本上我想做的是从下拉列表中选择一个部分,然后跳转到包含该部分的页面,并为所选部分显示星号。IE:如果我选择洗手间,我希望能够跳到一楼,并在洗手间上方显示星星。这可能吗?我尝试使用Javascript函数使URL导航到我想要的select list选项的值,但这并没有让星星出现。我对Javascript和jQuery相当陌生,所以请帮助我。谢谢这是我的密码:

HTML:

Javascript:

function gotoSection(form) { 

    var newIndex = form.locations.selectedIndex; 
    if ( newIndex == 0 ) { 
        alert( "Please select a Section!" ); 

    } else { 
        cururl = form.locations.options[ newIndex ].value; 
        window.location.assign( 'http://libwww3.freelibrary.org/maps/central/' + cururl ); 

    } 
}
试试这个:

<select name="locations" onchange="gotoSection(this.value)">

function gotoSection(cururl) { 
    window.location.assign( 'http://libwww3.freelibrary.org/maps/central/' + cururl ); 
}
编辑: 也许我应该在回答之前阅读整个问题,我认为问题是你的导航不起作用,我道歉

但是关于星星的问题,如果我正确理解了你的问题和示例代码,你在同一个页面中导航,只是使用不同的散列标签。如果是这样,您的document.ready将无法运行。
相反,您可以创建一个触发星星的函数,并在分配新url后从gotoSection方法调用该函数。

我明白了,谢谢您的建议,我将尝试一个触发星星的函数。好的,我已经修改了gotoSection Javascript函数。我想知道的是,我是否可以将页面重定向到其他URL,然后在到达该页面时自动触发星号?包括在链接到的页面上呈现星号的方法,并在加载页面时运行该方法。您可以通过运行以下代码来实现:jQueryfunction{ShowStars;};我实际上已经放弃了所有不同的URL导航,并在同一个网站上制作了所有3张地图。这样,我可以有一个函数,只需将我想要的变量传递到函数中,该函数将显示您选择的楼层,并隐藏其他的楼层。谢谢你的帮助,我很感激。
function gotoSection(form) { 

    var newIndex = form.locations.selectedIndex; 
    if ( newIndex == 0 ) { 
        alert( "Please select a Section!" ); 

    } else { 
        cururl = form.locations.options[ newIndex ].value; 
        window.location.assign( 'http://libwww3.freelibrary.org/maps/central/' + cururl ); 

    } 
}
<select name="locations" onchange="gotoSection(this.value)">

function gotoSection(cururl) { 
    window.location.assign( 'http://libwww3.freelibrary.org/maps/central/' + cururl ); 
}