jquery.sumoselectにチェックボックスが表示されない

Question

私は以下のコードを持っています。これは、データを動的に取り出し、それをスーモ選択に変換します。

<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

OK、当たり前、解決策は、 "複数の=" 複数」を追加することで、すなわち

<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>