부모 선택 항목이 비어 있으면 하위 선택 목록의 기본값이 사라집니다.

Question

제 선택 목록의 값을 두 번째 두 번째 선택 목록에 추가하는 다음 Jquery가 있습니다.

내가 내 부모 항목의 선택을 해제하는 경우 (국가)을 선택 것으로 나타났습니다

$('#country').change(function() { 
     var getid = $(".selectlist").val(); 
     $('#countryid').html(''); 
     $.each(getid, function(index, val) { 
      $('#countryid').append($(val).clone()); 
     }); 
}); 

JQuery와, 옵션 아이 (countryid)의 선택이 사라 '국가 코드를 선택'. var getid가 비어있을 때 이것을 어떻게 append에 다시 넣을 수 있습니까?

HTML

<!-- Parent --> 
<select name="country" id="country" class="selectlist"> 
    <option value="22">Japan</option> 
    <option value="23">United Kingdom</option> 
</select> 

<!-- Child --> 
<select name="countryid" id="countryid"> 
    <option value="">Choose Country Code</option> 
</select> 

Answer 1

는 그냥 $.each() 전에 추가 :

$('#country').change(function() { 
     var getid = $(".selectlist").val(); 
     $('#countryid').html('').append($("<option/>", {text: "Choose Country Code"})); 
     $.each(getid, function(index, val) { 
      $('#countryid').append($(val).clone()); 
     }); 
}); 

에는 선택한 항목이없는 경우 만 원하는 경우

가 :

$('#country').change(function() { 
     var getid = $(".selectlist").val(); 
     $('#countryid').html(''); 
     $.each(getid, function(index, val) { 
      $('#countryid').append($(val).clone()); 
     }); 
     if (!getid) 
      $("#countryid").append($("<option/>", {text: "Choose Country Code"})); 
});