Bootstrap的select组件动态添加的数据不显示

bootstrap中的select属性,如果是动态添加的元素,会出现页面不显示的问题


但用鼠标选中的时候,又能在控制台看到如下:
在这里插入图片描述
这里可以看到已经动态添加成功了。
只需要在动态添加的最后加上这行代码就好了

$('#myselec').selectpicker('refresh')

这样就解决了问题。
再次查看页面效果
Bootstrap的select组件动态添加的数据不显示_第1张图片
就ok啦

你可能感兴趣的:(jquery,前端,动态添加select元素不显示,js,bootstrap,jQuery)