动态填充bootstrap-select

时间:2017-05-05 00:33:43

标签: javascript jquery twitter-bootstrap bootstrap-select

我正在使用bootstrap-select(https://github.com/silviomoreto/bootstrap-select)及以下代码动态填充选择选择器。但是这段代码不起作用。能不能让我知道缺少什么或需要做些什么才能让它发挥作用。如果您有任何其他选择,请告诉我。我需要动态填充选择,并且可以修复宽度。基于Ajax的搜索和人口很高兴。

我也尝试了刷新选项,但它还添加了一个下拉列表以及添加的一个。

if(!$.isEmptyObject(data)){
    var select = '<li><select class="input-sm selectpicker" data-size="5" data-width="100px" onchange="javascript:loadOragAttributeDataForHierarchy(this);" id="orgid">';
    select +='<option value="-">--select--</option>';
    $.each(data,function(key,value){
        select+='<optgroup label="'+key+'">';
        $.each(value, function(k, v) {                  
            select+='<option value="'+v.value +'">'+v.name+'</option>';
        });
        select+='</optgroup>';
    });

    select+='</select></li>';

    $('#'+elementid).append(select);
    $('#orgid').selectpicker();
}

0 个答案:

没有答案