jquery - jQueryの複数列選択

Question

展開時に複数の列を持つ選択ボックスが必要です-通常の選択入力タグを使用するとこれが不可能であることを知っているので、jQuery の方法を探しています。

私はすでにインターネットでいくつかの例を見つけましたが、それらはすべてかなり低品質/機能です。たとえば、それらはcorssbrowserではないか、オプションを選択しない限り閉じませんが、通常の選択ボックスのように動作する必要があるため、外側をクリックすると閉じます箱など

あなたの何人かが良い例を提案してくれることを願っていますか？

Answer 1

私はあなたのためにデモを開発しました。参考にしていただけると思います。css効果を追加できます。

html 部分:

<div id="dropdown">open</div>
<div id="bodyof"></div>

css 部分:

.erim{
    color:red
}

jquery部分:

//input data
var inp = [{title:"book"},{title:"cd"},{title:"dvd"}];
var selected = [];

$("#dropdown").click(function(){
    var ddd = $("#bodyof");
    $.each(inp, function(key, value){

        var a = $("<div id="+value.title+">" + value.title + "</div>");
        ddd.append(a);
        a.click(function(){
            $(this).toggleClass("erim");
        })

    })
        var buttn = $("<div > OK </div>");
            ddd.append(buttn);
    buttn.click(function(){

        alert("Save it OR ...");
        selected =[];
        $("div.erim").each(function(){
            selected.push(this.id);
        })
            alert(selected);
        ddd.empty();

    })
})