bootstrap-multiselect.js多选框 动态更新select里的数据

在使用bootstrap-multiselect进行多选操作时,遇到动态更新数据的挑战。尝试了网上多种方法未果,最终通过在多选框下拉事件中加载数据实现了成功。失败的尝试包括不同方式的append操作。成功方案详细步骤可参考原文地址:http://www.lanlanwork.com/blog/?post=6424
摘要由CSDN通过智能技术生成

最近用bootstrap-multiselect做多选,需要动态刷新数据。尝试了集中网上的方式都不行,最后采用下面方式进行解决,参考的原文地址:http://www.lanlanwork.com/blog/?post=6424

bootstrap-multiselect动态加载数据,首先要引用bootstrap-multiselect.css和bootstrap-multiselect.js

<select id="demo" name="demo"  multiple></select>

JS代码

$("#demo").multiselect({
   
 // 自定义参数,按自己需求定义
 nonSelectedText : '--请选择--',
 inheritClass : true,
 maxHeight : 350,
 includeSelectAllOption : true,
 numberDisplayed : 5,
 //下拉回调函数 
 onDropdownShow : function(event) {
   
 $.ajax({
   
 url : "${ctx}/xx/xx",
 async : false,
 type : "get",
 dataType : 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值