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

标签 javascript html

我想设计一个表单,在其中我想从列表中选择多个数据,然后单击按钮我想将该数据添加到多个复选框。请任何人都可以向我提供任何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>

关于javascript - 如何将列表中选定的数据添加到多个选择框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15111391/

相关文章:

javascript - 在 Backbone.JS 中使用嵌套 View

javascript - 如何在网页上启用/禁用(实时)javascript 插件?

javascript - 社交媒体 JavaScript(按钮)无法与 Google+、Facebook、YouTube 等兼容

javascript - 在以下约束下使用 javascript 将数据导出到 Excel

html - 如何将图像的高度等距扩展到其全宽容器之外?

javascript - 等待多个异步函数的 promise 链相当于什么?

javascript - 如何获得 previous sibling 姐妹的名字

html - 选择选定的标签而不是选项

html - Css 动画随机延迟

html - 有没有办法对所有浏览器隐藏源代码?