javascript - 如何将列表中选定的数据添加到多个选择框？

Question

我想设计一个表单，在其中我想从列表中选择多个数据，然后单击按钮我想将该数据添加到多个复选框。请任何人都可以向我提供任何java脚本函数或其他东西提前致谢。

Answer 1

作为起点尝试使用 jQuery。

HTML:

<select type="multiple" id="mylist">
<option value="1" selected="selected">one</option>
<option value="2">two</option>
<option value="3" selected="selected">three</option>
<option value="4">four</option>
<option value="5" selected="selected">five</option>
<option value="6">six</option>
</select>

<div id="checkboxcontainer"></div>

<input type="button" id="clicker" value="clicker" />

JavaScript:

<script type="text/javascript">
$(function(){
    $("#clicker").click(function(){
        $("#checlboxcontainer").empty();
        $("#mylist option:selected").each(function(){
            $("#checlboxcontainer").append('<label><input type="checkbox" value="'+$(this).val()+'" /> '+ $(this).text() +' </label><br />');
        });
    });
});
</script>