若依框架使用 bootstrap-select 动态从后台加载下拉选项

想要的效果： 

 一个搜索框

搜索框实时加载后台数据

选中

 

HTML代码：

 

 

JS代码:

 

这里的js动态加载数据方式参考
https://blog.csdn.net/m0_37355951/article/details/78287278#commentsedit

https://blog.csdn.net/m0_37355951/article/details/78292910

https://blog.csdn.net/w309827333/article/details/82424944

https://blog.csdn.net/wg526125649/article/details/84622527

参考的文章里，一些代码不适用我的项目，所以适当修改下，大概思路是一样的，确定当前select所在节点，找到相邻的bootstrap生成的输入框所在节点，给输入框id赋值，实时监控输入框文本，或者用一个搜索按钮，获取后台数据。

 

 

浏览器审查元素，查看文本框所在节点，发现在select隔壁的隔壁的下边，那么js里可以使用jquery的方式找到它，给它设置id，便于后边监听它，并根据输入内容动态加载选项

$('#itemSelect').parent().find(".bs-searchbox").find("input")

这里是打印日志：

 

后台返回的json数据：