根据选中复选框的数量填充下拉表单选择

Question

根据选中复选框的数量，我如何填充select选项？

我有5 checkboxes在我的HTML页面。如果我检查3个复选框，则select应该显示选项1,2,3。同样，如果我有5个复选框，那么从select选项应该显示值的列表1,2,3,4,5。

我想下面的代码

<div class="checkbox"> 
    <label><form:checkbox class="source" path="c1" value="${archbean.c1}" />Option 1</label> 
</div> 
<div class="form-group"> 
    <div class="checkbox"> 
     <label><form:checkbox class="source" path="c2" value="${archbean.c2}" />Option 2</label> 
    </div> 
</div> 
<div class="form-group"> 
    <div class="checkbox"> 
     <label><form:checkbox class="source" path="c3" value="${archbean.c3}" />Option 2</label> 
    </div> 
</div> 
<div class="form-group"> 
    <div class="checkbox"> 
     <label><form:checkbox class="source" path="c4" value="${archbean.c4}" />Option 2</label> 
    </div> 
</div> 
<div class="form-group"> 
    <div class="checkbox"> 
     <label><form:checkbox class="source" path="c5" value="${archbean.c5}" />Option 2</label> 
    </div> 
</div> 

的JavaScript

$(document).ready(function() { 
var selected_value = []; 
$('.source').click(function(){ 
    if($(this).is(':checked')){ 
     selected_value.push($(this).val()); 
     console.log(selected_value); 
    } else { 
     //error 
    } 
}); 

我得到布尔值的列表中，但如何select使用它们是这里的疑问。

Answer 1

像这样

$(document).ready(function() { 
    $('input:checkbox').change(function() { 
     if(this.checked){ 
     //add to select list 
     } 
     else{ 
     //remove item from select list 
     } 
    }); 
});