追加選擇選項，如果值相等或在jquery中選擇

Question

我有2選擇標籤。第二是取決於第一個。這是工作，如果我只檢查值，但我也需要檢查是否被選中。

if(el.val() === "LOCATIONS" || el.is(' option:selected')){ 
$("#status option").remove(); 
$("#status").append("<option value=''>All Packages</option><option value=''>KL</option>"); 
} 

我試圖使依賴選擇下拉菜單。如果我刪除​​它會根據1st選擇的選項追加選項。但也要追加選擇，如果任何選項的第一個下拉

選擇這裏是jsfiddle

Answer 1

好吧，即使你檢查one condition即所選選項的值工作。但通過兩個條件，你必須使用的&& operator，而是​​，你可以改變這("el:selected");如下，

$(document).ready(function() { 
 
var a = $("#source > option:selected").val(); 
 
if(a == "REGIONAL"){ 
 
    $("#status option").remove(); 
 
     $("#status").append("<option value=''>All Packages</option><option value='Airports'>Airports</option>"); 
 
} 
 
$("#source").change(function() {  
 
    var el = $(this); 
 
    if((el.val() === "AUDIENCES SEGMENT") && ('el:selected')) { 
 
    $("#status option").remove(); 
 
    $("#status").append("<option value=''>All Packages</option><option value='Youth'>Youth</option><option value='Working Adults'>Working Adults</option><option value='Family'>Family</option><option value='Travellers'>Travellers</option>"); 
 
    } 
 
     else if((el.val() === "REGIONAL") && ('el:selected')) { 
 
     $("#status option").remove(); 
 
     $("#status").append("<option value=''>All Packages</option><option value='Airports'>Airports</option>"); 
 
     
 
     } 
 
     
 
     else if((el.val() === "LOCATIONS") && ('el:selected')) { 
 
     $("#status option").remove(); 
 
     $("#status").append("<option value=''>All Packages</option><option value=''>KL</option>"); 
 
     
 
     } 
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
Source: 
 
    <select id="source" name="source"> 
 
    <option>All Types</option> 
 
    <option value="AUDIENCES SEGMENT">AUDIENCES SEGMENT</option> 
 
    <option selected value="REGIONAL">REGIONAL</option> 
 
    <option value="LOCATIONS">LOCATIONS</option> 
 
    </select> 
 

 
Status: 
 

 
<select id="status" name="status"> 
 
    <option>All Packages</option> 
 
</select>