#多选下拉框bootstrap-select#

  链接bootstrap/css/bootstrap.min.css;
    连接bootstrap-select-1.12.4/css/bootstrap-select.css;
    链接bootstrap-select-1.12.4/js/bootstrap-select.js;
    链接bootstrap-select-1.12.4/js/i18n/defaults-zh_CN.min.js;

//html部分--multiple=true代表多选---data-live-search=true代表有搜索框---data-width为select的长度,可添加可不添加(二者可根据情况添加与否)

<select id='aa' class='selectpicker' title='请选择' multiple=‘true’ data-width=‘60%’></select>

//js部分

$('.selectpicker').selectpicker({
    style:'btn-primary',
    size:6
})   //必须有

data.map(function(d){
$(' #aa').append('<option value=" ' + d.id' ">' + d.id + '</option>')
})       //data为ajax中的data对象,map遍历数组对象

$('#
aa').selectpicker('refresh');   //必须有,不然来回选择看不出选择框里内容更新效果
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值