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" />

ジャバスクリプト:

<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>