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

时间:2013-02-27 11:50:09

标签: javascript html

我想设计一个表单,我想从列表中选择多个数据,然后点击按钮我想将该数据添加到多个checkbox.Please任何人都可以提供任何java脚本函数或其他 提前谢谢。

1 个答案:

答案 0 :(得分:-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>