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方法很重要 !!!