JQuery выпадающий список link

Question

Это пример выпадающего списка, который у меня есть в моей программе. в настоящий момент ссылка работает только для этого списка, как мне сделать следующий раскрывающийся список рядом с этим? как мне работать getElementById("list").value?

Благодарим за помощь.

<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()" /> 

Answer 1

Проблема заключается в том, что у вас два выпадающего списка 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>