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 相关文章推荐
javascript 获取页面的高度及滚动条的位置的代码
May 06 Javascript
js内置对象 学习笔记
Aug 01 Javascript
如何使用json在前后台进行数据传输实例介绍
Apr 11 Javascript
100个不能错过的实用JS自定义函数
Mar 05 Javascript
js中回调函数的学习笔记
Jul 31 Javascript
Javascript中arguments对象详解
Oct 22 Javascript
JS实现的另类手风琴效果网页内容切换代码
Sep 08 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
Aug 24 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
Aug 10 Javascript
详解js跨域请求的两种方式,支持post请求
May 05 Javascript
js canvas实现画图、滤镜效果
Nov 27 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
Apr 11 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 foreach 使用&amp;(与运算符)引用赋值要注意的问题
2010/02/16 PHP
Codeigniter(CI)框架分页函数及相关知识
2014/11/03 PHP
详解laravel passport OAuth2.0的4种模式
2019/11/04 PHP
jquery 最简单易用的表单验证插件
2010/02/27 Javascript
jQuery Selector选择器小结
2010/05/06 Javascript
js function使用心得
2010/05/10 Javascript
高性能web开发 如何加载JS,JS应该放在什么位置?
2010/05/14 Javascript
jquery实现图片裁剪思路及实现
2013/08/16 Javascript
js操作table示例(个人心得)
2013/11/29 Javascript
JavaScript判断表单为空及获取焦点的方法
2016/02/12 Javascript
Angularjs中的页面访问权限怎么设置
2016/11/11 Javascript
angular.js指令中transclude选项及ng-transclude指令详解
2017/05/24 Javascript
vue移动UI框架滑动加载数据的方法
2018/03/12 Javascript
Vue.js的动态组件模板的实现
2018/11/26 Javascript
使用Django的模版来配合字符串翻译工作
2015/07/27 Python
[原创]教女朋友学Python3(二)简单的输入输出及内置函数查看
2017/11/30 Python
Python实现比较扑克牌大小程序代码示例
2017/12/06 Python
Python进阶之尾递归的用法实例
2018/01/31 Python
用Python3创建httpServer的简单方法
2018/06/04 Python
Python绘制的二项分布概率图示例
2018/08/22 Python
Python爬虫基础之XPath语法与lxml库的用法详解
2018/09/13 Python
python批量处理文件或文件夹
2020/07/28 Python
在Python中使用filter去除列表中值为假及空字符串的例子
2019/11/18 Python
Python爬取股票信息,并可视化数据的示例
2020/09/26 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
瑞典领先的汽车零部件网上零售商:bildelaronline24.se
2017/01/12 全球购物
澳大利亚最超值的自行车之家:Reid Cycles
2019/03/24 全球购物
c语言常见笔试题总结
2016/09/05 面试题
开办加工厂创业计划书
2014/01/03 职场文书
美发店5.1活动方案
2014/01/24 职场文书
机关门卫制度
2014/02/01 职场文书
社区党员群众路线教育实践活动心得体会
2014/11/03 职场文书
2016年大学迎新晚会工作总结
2015/10/15 职场文书
《社戏》教学反思
2016/02/22 职场文书
中秋节英文祝福语句(14句)
2019/09/11 职场文书
python获取淘宝服务器时间的代码示例
2021/04/22 Python