jquery下拉列表链接

-2

这是我在我的程序中获得的示例下拉列表。目前该链接仅适用于此列表，我如何在此旁边的另一个下拉列表中工作？我如何解决getElementById("list").value？jquery下拉列表链接

感谢您的帮助。

<select name="list" Id="list" accesskey="target"> 
    <option value='none' selected>Choose a Destination</option> 
    <option value="europeresort.html">Europe</option> 
    <option value="africaresort.html">Africa</option> 
    <option value="northamericaresort.html">North America</option> 
    <option value="southamericaresort.html">South America</option> 
    <option value="thealpsresort.html">The Alps</option> 
    <option value="carribeanresort.html">Carribean</option> 
    <option value="indianoceanresort.html">Indian Ocean</option> 
    <option value="asiaresort.html">Asia</option> 
<select> 
<input type=button value="Go" onclick="goToNewPage()" />

来源

2016-01-06 Codename Writer

尚不清楚你想要做什么。 – Azim

我希望能够使用此旁边的另一个下拉列表。但只有第一个下拉列表中的链接可以工作。我想用去按钮添加多个列表 –

这个'旁边的'是什么意思？下一页或紧接此下拉菜单后。你也应该发布你的'html'。 – Azim

问题是你的两个下拉的id s是一样的。这就是为什么你总是得到第一个下拉的价值。以下代码片段可能会对您有所帮助。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select name="list" id="list" accesskey="target"> 
 
    <option value='none' selected>Choose a Destination</option> 
 
    <option value="europeresort.html">Europe</option> 
 
    <option value="africaresort.html">Africa</option> 
 
    <option value="northamericaresort.html">North America</option> 
 
    <option value="southamericaresort.html">South America</option> 
 
    <option value="thealpsresort.html">The Alps</option> 
 
    <option value="carribeanresort.html">Carribean</option> 
 
    <option value="indianoceanresort.html">Indian Ocean</option> 
 
    <option value="asiaresort.html">Asia</option> 
 
</select> 
 
<input type="button" value="Go"/> 
 

 
<select name="list" id="list" accesskey="target"> 
 
    <option value='none' selected>Choose a Comfort Level</option> 
 
    <option value="comfort3star.html">Comfort 3 star</option> 
 
    <option value="theme2.html">Premium 4 star</option> 
 
    <option value="theme3.html">Luxury 5 star</option> 
 
</select> 
 
<input type="button" value="Go"/> 
 

 
<script> 
 
    $('input').click(function() { 
 
     var url = $(this).prev('select').val(); 
 
     if (url != 'none') 
 
      window.location = url; 
 
    }); 
 
</script>

来源

2016-01-06 18:46:39 Azim

非常感谢您的帮助Azim。这工作。 :) –

jquery下拉列表链接

回答

相关问题