javascript - jquery.sumoselect 不显示复选框

Question

我有以下代码，它动态获取数据并将其插入 sumoselect 。

<select id="geoSel_location_2">



</select>


<script type="text/javascript">

    jQuery(document).ready(function() {

        var returnSelect = jQuery('#geoSel_location_2'); 

        returnSelect.SumoSelect({placeholder: 'All Suburbs'});

        jQuery.getJSON("/cfcs/system.cfc?method=getSelectsRelated&returnformat=json&queryformat=column",{"type":"location","id":4,"index":2},function(res,code) {
            if(res.ROWCOUNT > 0){
                for(i=0; i<res.ROWCOUNT; i++){
                    var val = res.DATA.OPTION_VALUE[i];
                    var text = res.DATA.OPTION_TEXT[i];
                    returnSelect[0].sumo.add(val,text);
                };
            };
        });

    })

</script>

选项加载精美，但多选复选框未显示在每个选项旁边。我以为他们默认显示。

jsfiddle 是上面的简化版本。

JSFIDDLE

Answer 1

好吧，呃，解决方案是添加“multiple=”multiple”，即

<select "multiple="multiple" id="geoSel_location_2">
    <option value="1">Auckland</option>
    <option value="2">Wellington</option>
    <option value="3">Christchurch</option>
    <option value="4">Dunedin</option>
</select>