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

How to add selected data from list to multiple select box?

本文关键字：添加 选择 列表 数据      更新时间：2023-09-26

我想设计一个表单，我想从列表中选择多个数据，然后单击按钮，我想将该数据添加到多个复选框。请任何人提供给我任何java脚本功能或其他东西

可以尝试使用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>
相关文章：