Question

我一直坚持这个问题几个小时，我疯了！我需要一个复选框下拉列表 - 我将其动态填充到select标签中。我还需要将每个使用jquery深度克隆的多选下拉列表附加到多个<div>元素。但是，每次执行此操作时，克隆元素都会呈现为多个可选项目的列表（而不是作为下拉列表并丢失其所有样式）。这是多选容器，我想将我的复选框添加到：

<select class="multiselect1" multiple="multiple">


</select>

我终于通过调用.multiselect（）来初始化每个克隆的下拉列表;我正在使用的库是：http://davidstutz.github.io/bootstrap-multiselect/

        $('.multiselect1').multiselect();
        var filterClone = $('.multiselect1').clone(true);
        //filterClone.multiselect();
        $('body').append(filterClone[0]);

当执行上面的行时，select元素确实存在于body中但是不可见。当我删除style属性时，该元素变为可见但呈现为多重可选项的列表（这是预期的）。但是为什么克隆的多可选下拉列表一开始根本没有显示？

任何可以引导我使用javascript或jquery的解决方案（或解决方案本身！）的建议都将非常受欢迎。

Answer 1

为了完成这项工作，你需要JQuery。你有JQuery吗？如果您没有使用此功能：<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>您是否已将所有文件上传到服务器？

在您的网站上试用此代码。它有效吗？

HTML：

<select id="SOExample" multiple="multiple">
    <option value="Love it!">Love it!</option>
    <option value="Hate it!">Hate it!</option>
    <option value="I don't know...">I don't know...</option>
</select>

JS：

<script type="text/javascript">
    $(document).ready(function() {
        $('#SOExample').multiselect();
    });
</script>

动态添加复选框以多选下拉列表

1 个答案: