BootStrap selectpicker后臺動態(tài)綁定數(shù)據(jù)的方法

更新時間：2017年07月28日 08:37:42 作者：小盆友灬

這篇文章主要為大家詳細介紹了BootStrap selectpicker后臺動態(tài)綁定數(shù)據(jù)的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文為大家分享了BootStrap selectpicker后臺動態(tài)綁定數(shù)據(jù)的方法，供大家參考，具體內(nèi)容如下

html部分代碼

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

這是一個下拉多選框，現(xiàn)在要動態(tài)往里添加下拉選項。

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>

關(guān)鍵在于$(".selectpicker" ).selectpicker('refresh');

如果沒有這句數(shù)據(jù)是綁定不進去的。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

js中class的點擊事件沒有效果的解決方法
下面小編就為大家?guī)硪黄猨s中class的點擊事件沒有效果的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
解決js ajax同步請求造成瀏覽器假死的問題
下面小編就為大家分享一篇解決js ajax同步請求造成瀏覽器假死的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
JavaScript判斷頁面是否滾動到底部的技巧
在 JavaScript 中,我們可以通過一些技巧來判斷頁面是否滾動到底部,本文將介紹一些常用的方法,幫助你在項目中實現(xiàn)這一功能,文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下
2023-11-11
javascript合并兩個數(shù)組最簡單的實現(xiàn)方法
這篇文章主要介紹了javascript合并兩個數(shù)組最簡單的實現(xiàn)方法，方法很簡單，有需要的朋友們可以學(xué)習(xí)下。
2019-09-09
JavaScript自定義Promise實現(xiàn)流程
現(xiàn)在網(wǎng)上有非常多的Promise文章，但都是給你一堆代碼，或者某些核心代碼，讓你看完之后感覺，嗯，很厲害，但還是不知所云，不知其所以然。那么本文真正從一個小白開始帶你深入淺出，一步一步實現(xiàn)自己的?Promise，這種自己造輪子的過程一定是進步最快的過程，快上車開始吧
2022-10-10
JavaScript中this關(guān)鍵字用法實例分析
這篇文章主要介紹了JavaScript中this關(guān)鍵字用法,結(jié)合實例形式總結(jié)分析了javascript中this關(guān)鍵字在不同條件下的指向問題與相關(guān)操作技巧,需要的朋友可以參考下
2018-08-08
JGrid中拖動改變列寬的腳本原型
JGrid 中，可以拖動改變列寬，簡單的原理就是改變相應(yīng)的 col 的 style.width 今天看到skybot 同學(xué)在問這個問題，就又把這個功能拿出來，單獨實現(xiàn)了一下（有改進）
2008-07-07
JS變量及其作用域
本文主要介紹了JS變量及其作用域的相關(guān)知識。具有很好的參考價值，下面跟著小編一起來看下吧
2017-03-03
js contains方法實現(xiàn)代碼
IE有許多好用的方法，后來都被其他瀏覽器抄襲了，比如這個contains方法。如果A元素包含B元素，則返回true，否則false。唯一不支持這個方法的是IE的死對頭firefox。
2011-01-01
JavaScript實現(xiàn)的鼠標響應(yīng)顏色漸變效果完整實例
這篇文章主要介紹了JavaScript實現(xiàn)的鼠標響應(yīng)顏色漸變效果,涉及javascript面向?qū)ο蠹笆录O(jiān)聽、響應(yīng)機制相關(guān)操作技巧,需要的朋友可以參考下
2017-02-02