如果值等於或在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>");
}

我試圖使依賴選擇下拉列表。 如果我刪除el.is('option:selected')它會根據1st select的所選選項附加選項。 但如果在第一個下拉菜單中選擇了任何選項，它也應該附加選項

這是jsfiddle

Answer 1

很好，即使您檢查one condition即所選選項的值，它也能正常工作。 但是要傳遞兩個條件，您必須使用&& operator ，而不是el.is('option:selected') ，您可以將其更改為("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>