Bootstrap select 赋值正解!!(还附带博主已知的,所有有关js和css哦!!)

博主闲来无事接了一个外包,具体什么内容就没说了。在其中要用到bootStrap select 插件很不错,操作起来也很是实用。但是使用过程中被网上许多博客误导,导致在这个点上磨蹭了好几个小时,最后终于得出正解,与大家分享。


先看效果图:

效果图

代码很简单如下:


当然前提是导入Css 和 js 啦 下面是BootStrap 所有js和css (包括 表格,表格点击修改,下拉框)
https://pan.baidu.com/s/1o8LyWDs


     忘了这个了,加上嘻嘻

这里写图片描述
bootstrap所有js css font

jss展示

css展示

至于font文件夹里面的就没做说明啦…(用不用都无所谓哦~~)

前台代码:
<select id="sel_driver" class="selectpicker show-tick form-control" data-live-search="true"  >
</select><!--就这一句足矣-->

<!--selectpicker : 是select的核心没有详细了解  但是没有它,bootstrap-select的效果将不会出现-->
<!--data-live-search="true" : 给select增加一个筛选框  数据多的话实用-->
后台代码:(最蛋疼的是后台代码也很简单。。。。)
$("<option value='"+selRow[0].vehicle_id+"'>"+selRow[0].vehicle_id+"</option>"+"<option value='"+selRow[0].waybill_id+"'>"+selRow[0].waybill_id+"</option>"+"<option value='"+selRow[0].staff_id+"'>"+selRow[0].staff_id+"</option>").appendTo("#sel_driver.selectpicker");//用appendTo声明是给谁的值
$('#sel_driver').selectpicker('refresh');//最后重新刷新bootstrap-select的样式 这句很重要,不加不行

最后,希望那些错误的博客不要在发出来了,太害人了…


版权声明:本文为w2298119289j原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。