jqueryで値が等しいか選択されている場合にselectオプションを追加します

Question

2つの選択タグがあります。秒は最初のものに依存します。値だけチェックすると機能していますが、選択されているかどうかを確認する必要もあります。

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

私は依存選択ドロップダウンをしようとしています。​​を削除すると、第1選択の選択されたオプションに基づいてオプションが追加されます。いずれかのオプションがここに

が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>