bootstrap-select selectpicker动态设置选中无效

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/ypp91zr/article/details/82798687

大家都知道一般设置select选中都是下面这几种，当然还有其他方式，没有列完

$("#infoLevel").val(d.level);
	                		$("#infoLevel").find("option[value="+d.level+"]").prop("selected","selected");

今天设置一直没起作用，然后去看了下元素

id为parent的元素可以直接当成上面的infoLevel，这个图片只是个例子。

可以看到除了select元素下面还生成了一个div，div里面有button等，下拉option展示的是里面的button，看到元素后我是这样理解的

第一次使用bootstrap-select selectpicker这个东东

正确设置的方法是：

$('#infoLevel').selectpicker('val',d.level);

如果是要修改元素内容，比如往里面添加html元素等,记得最后加上另外2行重新渲染页面的代码(以id为parent的元素为例子):

//要以编程方式更新JavaScript的选择，首先操作选择，然后使用refresh方法更新UI以匹配新状态。 在删除或添加选项时，或通过JavaScript禁用/启用选择时，这是必需的。
$('#parent').selectpicker('refresh');
//render方法强制重新渲染引导程序 - 选择ui,如果当您编程时更改任何相关值而影响元素布局，这将非常有用。
$('#parent').selectpicker('render');