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下拉列表鏈接

回答

相關問題