BootStrap selectpicker后台动态绑定数据的方法


Posted in Javascript onJuly 28, 2017

本文为大家分享了BootStrap selectpicker后台动态绑定数据的方法,供大家参考,具体内容如下

html部分代码

<select class="selectpicker" multiple>      
</select>

这是一个下拉多选框,现在要动态往里添加下拉选项。

js代码

<script type="text/javascript">
      getOption();
      function getOption(){
        $.ajax({
          type:"get",
          url:"test.json",
          async:true,
          success:function (data) {
            var str = "";
            for(var i = 0;i<data.length;i++){
              str+='<option>'+data[i].value+'</option>'
            }
            $(".selectpicker").html(str);
            
            $(".selectpicker" ).selectpicker('refresh');
          }
        });
      }
</script>

关键在于$(".selectpicker" ).selectpicker('refresh');

如果没有这句数据是绑定不进去的。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
全面了解函数声明与函数表达式、变量提升
Aug 09 Javascript
jquery仿京东侧边栏导航效果
Mar 02 Javascript
微信小程序 本地数据读取实例
Apr 27 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
Sep 10 Javascript
Windows安装Node.js报错:2503、2502的解决方法
Oct 25 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
使用JS获取SessionStorage的值
Jan 12 Javascript
JS实现调用本地摄像头功能示例
May 18 Javascript
vue+springboot实现项目的CORS跨域请求
Sep 05 Javascript
微信小程序图片加载失败时替换为默认图片的方法
Dec 09 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
Jan 12 Vue.js
JavaScript实现消消乐的源代码
Jan 12 Javascript
详解angularjs的数组传参方式的简单实现
Jul 28 #Javascript
js 获取html5的data属性实现方法
Jul 28 #Javascript
jQuery获取table表中的td标签(实例讲解)
Jul 28 #jQuery
浅谈JS中的常用选择器及属性、方法的调用
Jul 28 #Javascript
js原生代码实现轮播图的实例讲解
Jul 28 #Javascript
js弹性势能动画之抛物线运动实例详解
Jul 27 #Javascript
js学习总结之dom2级事件基础知识详解
Jul 27 #Javascript
You might like
php google或baidu分页代码
2009/11/26 PHP
ThinkPHP之getField详解
2014/06/20 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
PHP使用mkdir创建多级目录的方法
2015/12/22 PHP
php基于SQLite实现的分页功能示例
2017/06/21 PHP
网站页面自动跳转实现方法PHP、JSP(上)
2010/08/01 Javascript
JQuery结合CSS操作打印样式的方法
2013/12/24 Javascript
jquery的ajax跨域请求原理和示例
2014/05/08 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
2015/03/04 Javascript
js实现文字选中分享功能
2017/01/25 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
2017/02/19 Javascript
JavaScript实现三级联动效果
2017/07/15 Javascript
vue实现的组件兄弟间通信功能示例
2018/12/04 Javascript
微信公众号开发之微信支付代码记录的实现
2019/10/16 Javascript
js String.prototype.trim字符去前后空格的扩展
2020/08/23 Javascript
python超简单解决约瑟夫环问题
2015/05/12 Python
200行自定义python异步非阻塞Web框架
2017/03/15 Python
在Python中通过getattr获取对象引用的方法
2019/01/21 Python
python3中numpy函数tile的用法详解
2019/12/04 Python
葡萄牙鞋子品牌:Fair
2016/12/10 全球购物
Michael Kors香港官网:美国奢侈品品牌
2019/12/26 全球购物
用JAVA SOCKET编程,读服务器几个字符,再写入本地显示
2012/11/25 面试题
会计毕业自我鉴定
2014/02/05 职场文书
《钱学森》听课反思
2014/03/01 职场文书
户外活动总结范文
2014/04/30 职场文书
2014法院四风问题对照检查材料思想汇报
2014/10/04 职场文书
2014年招生工作总结
2014/11/26 职场文书
门市房租房协议书
2014/12/04 职场文书
五四青年节活动总结
2015/02/10 职场文书
同学聚会通知短信
2015/04/20 职场文书
学校捐款活动总结
2015/05/09 职场文书
2015年乡镇平安建设工作总结
2015/05/13 职场文书
付款证明格式范文
2015/06/19 职场文书
结婚喜宴祝酒词
2015/08/10 职场文书
如何判断pytorch是否支持GPU加速
2021/06/01 Python
JS创建或填充任意长度数组的小技巧汇总
2021/10/24 Javascript