드롭 다운 목록에서 선택된 체크 박스를 표시

Question

아래에 체크 박스가 있고 드롭 다운 코드가 있습니다.

<input type="checkbox" name="conditions" value="Sample1">Sample 1 
<input type="checkbox" name="conditions" value="Sample2">Sample 2 <br> 
<input type="checkbox" name="conditions" value="Sample3"> Sample 3 
<input type="checkbox" name="conditions" value="Sample4"> Sample 4 

<select name="Control"> 
    <option value="Sample1">Sample 1</option> 
    <option value="Sample2">Sample 2</option> 
    <option value="Sample3">Sample 3</option> 
    <option value="Sample4">Sample 4</option> 
</select> 

현재 드롭 다운 메뉴의 모든 옵션이 표시됩니다. 나는 드롭 다운에서 오직 선택된 체크 박스를 원한다. 어느 하나가 도울 수 있습니까 ??

감사합니다. Fiddle

참고 :

Answer 1

는

var $conds = $('input[name="conditions"]'), 
    $ctrl = $('select[name="Control"]'); 
$conds.change(function() { 
    if (this.checked) { 
     $('<option />', { 
      value: this.value, 
      text: this.nextSibling.nodeValue 
     }).appendTo($ctrl) 
    } else { 
     $ctrl.find('option[value="' + this.value + '"]').remove(); 
    } 
}) 

데모를 시도 확인란의 순서는 드롭 다운 당신이 너무이 시도 할 수

Answer 2

$('input[type="checkbox"][name="conditions"]').change(function(){ 
     if($(this).is(':checked')) 
      $('select[name="Control"]').append('<option value="'+$(this).val()+'">'+$(this).val()+'</option>'); 
     else 
      $('select[name="Control"]').find('option[value="'+$(this).val()+'"]').remove(); 
     }); 

에서 유지되지 않습니다.