Bootstrap Selcet动态追加option

今天工作的时候遇见一个需求,就是select下拉框动态追加option 

满心欢喜的去做 感觉soeasy嘛 拼接好后.html就好了...

但是很坑的事情发生了  在w3school测试追加的代码完全好用 但是在项目中却不成功 显示 nothing selected ! 

这个小问题纠结了半天时间 

最后发现Bootstrap框架需要初始化secect标签才能使用

我的最终代码如下

//加载项目下拉选
$("#project_type").selectpicker({});
remotecallasync("load_project",{},function (data) {
    $("#project_type").html('');
  var str='';
    if(data && data.rows.length>0){
        for(var i=0;i;i++){
            var item=data.rows[i];
            str+='+item.project_name+'';
        }
    }
    $("#project_type").html(str);
    $('#project_type').selectpicker('render');
    $('#project_type').selectpicker('refresh');
第一次写自己的博客 ,感觉语言有点啰嗦  格式可能都不太对 我会慢慢改进的,大家多多包涵~

Bootstrap

Bootstrap

你可能感兴趣的:(Bootstrap)