Динамическое добавление флажков в мультиселекцию выпадающего списка

Question

Я застрял в этой проблеме часами, и я сошел с ума! Мне нужно выставить флажки, которые я динамически заполняю в тег select. Мне также нужно добавить каждый всплывающий всплывающий раскрывающийся список, который я глубоко клонировал с jquery на число элементов <div>. Тем не менее, каждый раз, когда я делаю это, клонированный элемент отображается как список многоэлементных элементов (а не как выпадающий список и теряет весь свой стиль). Это MultiSelect контейнер, который я хотел бы добавить мои флажки:

<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]); 

Когда эти строки выполнить, то выберите элемент действительно присутствует в организме, но невидим. Когда я удаляю атрибут стиля, элемент становится видимым, но отображается как список многоэлементных элементов (что ожидается). Но почему клонированный всплывающий всплывающий экран не отображается вообще?

Любые предложения, которые могли бы привести меня к решению (или самим решениям!) С использованием 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>