bootstrap-select 动态加载数据不显示的问题
博客专区 > why2016 的博客 > 博客详情
bootstrap-select 动态加载数据不显示的问题
why2016 发表于9个月前
bootstrap-select 动态加载数据不显示的问题
  • 发表于 9个月前
  • 阅读 8
  • 收藏 0
  • 点赞 0
  • 评论 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');

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 0
博文 2
码字总数 17
×
why2016
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: