0

私はこの問題に何時間も悩まされていて、気が狂いそうです! チェックボックスのドロップダウンが必要です-選択タグに動的に入力します。また、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 要素は実際には本体に存在しますが、表示されません。style 属性を削除すると、要素は表示されますが、複数選択可能なアイテムのリストとしてレンダリングされます (これは予想されることです)。しかし、そもそも複製された複数選択可能なドロップダウンがまったく表示されないのはなぜですか?

javascript または jquery を使用して解決策 (または解決策自体!) につながる可能性のある提案をいただければ幸いです。

4

1 に答える 1

0

これを機能させるには、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>
于 2015-01-11T14:12:10.673 に答える