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

如何根据选中复选框的数量填充

选择

选项

我的HTML页面中有5个

复选框。如果我选中3个复选框，则
选择
应显示选项
1,2,3
。类似地，如果选择了5个复选框，则从
选择
选项应显示值列表
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>

我得到了布尔值列表，但如何在
select
中使用它们在这里是个疑问。
类似这样的东西

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

如何根据选中的复选框填充表单选择选项。到目前为止你都试过什么？在每次更改复选框时，使用选定项填充选择框checkboxes@MayankPandeyz很抱歉…我只是在尝试代码，所以无法添加它。没有人做了编辑
$(document).ready(function() {
   $('input:checkbox').change(function() {
      if(this.checked){
         //add to select list
      }
      else{
        //remove item from select list
      }
   });
});