文档章节

bootstrap-select 动态加载数据不显示的问题

w
 why2016
发布于 2017/08/29 16:07
字数 115
阅读 56
收藏 0

html部分代码

?

1

2

<select class="selectpicker" multiple>     

</select>

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

js代码

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<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');

本文转载自:http://www.jb51.net/article/119772.htm

共有 人打赏支持
w
粉丝 0
博文 6
码字总数 17
作品 0
天津
私信 提问
Bootstrap Select2组件使用小结

一、组件说明以及API说明 Select2使用示例地址:https://select2.github.io/examples.html Select2参数文档说明:https://select2.github.io/options.html Select2源码:https://github.com/......

NET快速开发框架
2017/11/07
0
0
BootstrapTagsInput-基础避坑指南

1.简介 BootstrapTagsInput是一个基于jQuery和Bootstrap.css的用于管理标签的插件。 官网在这:官网 这个官网呢,怎么说呢,比较简洁。示例聊胜于无。 最简单的用法就是在引入jquery,和Boots...

十万猛虎下画山
2018/12/05
0
0
展示页面用easyui会有问题吗

刚才简单试了一下,在easyui里用了bootstrap,问题百出。是不是easyui的组件一般不和这些css框架一起用? 我是小白,对这个不大懂。 比如,easyui的select可以用url直接从服务器端接受数据,...

plugin
2014/09/21
588
7
Vue.js 2.0之select级联下拉框

在网上搜索了Vuejs2.0 动态级联select许久未果,决定自己总结一下自己的经验,有关select在Vue.js 2.0版本中的应用。首先我先说一下的我使用的技术,我参考了网上成熟的经验,选择以Vue.js ...

w-rain
2017/02/28
0
1
vue加载的多选下拉框

最近写前端,需要一个实现可多选的下拉款,多选的功能是用bootstrap select组件实现的,但是这个组件用在固定option时可以正常加载成多选的形式,关键代码如下: 效果如图: 但是用在vue动态...

怒摘一板
2017/12/15
2.6K
6

没有更多内容

加载失败,请刷新页面

加载更多

day27:expect批量杀进程|

1、linux下当前目录有一个文件ip-pwd.ini,内容如下: [root@localhost_002 shell100]# cat ip-pwd.ini 10.111.11.1,root,xyxyxy10.111.11.2,root,xzxzxz10.111.11.3,root,12345610.......

芬野de博客
48分钟前
2
0
分布式之数据库和缓存双写一致性方案解析(二)

引言 该文是对《分布式之数据库和缓存双写一致性方案解析》,一文的补充。博主在该文中,提到了这么一句话 应该没人问我,为什么没有先更新缓存,再更新数据库这种策略。 博主当时觉得,这种...

hensemlee
53分钟前
3
0
druid安装与案例

druid 可以运行在单机环境下,也可以运行在集群环境下。简单起见,我们先从单机环境着手学习。 环境要求 java7 或者更高版本 linux, macOS或者其他unix系统(不支持windows系统) 8G内存 2核C...

hblt-j
59分钟前
0
0
bejson上线 gif转帧工具。

说道这个工具,不得不提一句经典格言“色Q是推动科技发展的动力” 有人发了这个图,我和所有人一样想看到那个瞬间。 当然,我没有PS,有没有太好的转帧工具,但是这并不妨碍我是一个技术死肥...

废柴大叔
今天
0
0
详解利用clear清除浮动的一些问题解决

下面这段代码是用来清除浮动带来的高度塌陷问题 .clearfix:before { content: "."; display: block; height: 0; clear: both; visibility: hidden;} Quest......

前端小攻略
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部