bootstrap-select内容加载不出来

bootstrap-select内容加载不出来

2021/12/2 周四

1. 先说结论：

各种排查代码问题，最后发现是 资源版本不对 的原因…

虽然可能还有其他情况导致，但这个原因一开始是真没想到。

2. 再看过程：

使用select标签时，发现我的下拉框点开，里面的options没有被加载出来：
排查了代码和引用资源没有问题。

代码和bootstrap-select资源文件都是我从另一个项目copy过来的，不明白为什么在那里就可以用，到这边就有问题。

然后仔细去看了一下那个项目，发现是那个项目里，我copy的bootstrap-select资源包的版本是 v1.13.9 ：

但在它的页面里引用的资源其实是另一个 v1.10.0 的：

所以我把v1.10.0的这个copy过来覆盖，并且删掉最后被 //# 注释的那一行（不然可能.js和.js.map又对不上），就能正常options显示了…

3. 再附加几个我用到的相关知识点

(1) jQuery获取select中被选中的option的文本内容

$("#id option:selected").text()
或者
$("#id").find("option:selected").text()
两个都可以

(2) jQuery改变select被选中的值

$("#id").val("value");
$("#id").trigger("change");

这里尤其是第二句trigger方法很重要 !!!