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的样式 这句很重要,不加不行

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

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 11
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值