2016-05-27 189 views
0

我有以下代碼,它動態獲取數據並將其推入相撲選擇。jquery.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

+0

你能在'Jsfiddle'複製呢? –

回答

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>