select的option选项append数据库数据成功了但显示不出来

原创 与风走Y 随笔 bootstrap-select 66阅读 2018-09-20 09:22:37 举报

html:
对应的select标签 调用bootstrap-select插件包等 控制台测试显示append成功

js:
$.ajax({
type:"POST",
url:"/TrainSystem/lecturer/show_lectuers",
data:{},
success: function(json){
if(json.resultCode=="1000")
{
for(var i=0;i<json.data.length;i++)
{
if(json.data[i].lectId==$.cookie('lect_id'))
{
$("#id_select").append("<option selected value='"+json.data[i].lectId+"'>"+json.data[i].lectName+"</option>");
//添加一项option
}
else
{
$("#id_select").append("<option value='"+json.data[i].lectId+"'>"+json.data[i].lectName+"</option>"); //添加一项option

                    }
                }
            }
        else
            {//失败
                alert(json.resultDesc);
            }   
    }
});

运行时 页面上select下拉框选项显示出现问题 有时候显示得出来 有时候不行

改了好久终于找到原因:有时候显示不出来是因为js先加载了插件生成了下拉框,然后才加载了append的这句

将js改成
再append完后加入这句
$("#id_select").selectpicker('refresh');
//初始化刷新数据
即可解决显示问题

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复