追加选择选项，如果值相等或在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>