選擇兩個選項，並轉到HTML頁面

Question

我有兩個select，我想我們的jQuery知道，如果選擇了白色和黑色選擇去https://stackoverflow.com/

<select id="filter-select"> 
<option value="white">white</option> 
<option value="black">black</option> 
</select> 

<select id="filter-select"> 
<option value="green">green</option> 
<option value="blue">blue</option> 
</select> 

Answer 1

月1日：作爲@Danny說ID必須是唯一的。你不應該使用相同的ID爲一個以上的元素

第二：如果我得到你的時候，你想，如果用戶選擇白色的第一選擇，並說從藍第二選擇然後重定向

這樣的HTML代碼是

<select class="filter-select" id="filter-select1"> 
    <option value="white">white</option> 
    <option value="black">black</option> 
</select> 

<select class="filter-select" id="filter-select2"> 
    <option value="green">green</option> 
    <option value="blue">blue</option> 
</select> 

和jQuery代碼

$(document).ready(function(){ 
    $('.filter-select').on('change',function(){ 
     var thisVal = $(this).val(); 
     var anotherVal = $('.filter-select').not($(this)).val(); 
     if(thisVal == 'white' && anotherVal == 'blue' || 
      anotherVal == 'white' && thisVal == 'blue'){ 
      window.location.href = 'https://stackoverflow.com/'; 
     } 
    }); 
}); 

此代碼將重定向到https://stackoverflow.com/如果用戶選擇白色從第一選擇並從第二藍色選擇

DEMO

注：1 - 不要忘記加入jquery 2- Thi S碼可能會在你的情況只是工作有兩個選擇元素..如果你有更多的選擇這個元素與同一類 代碼可能無法正常工作