這篇文章主要介紹BootStrap中如何實現selectpicker后臺動態綁定數據，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

目前成都創新互聯公司已為1000+的企業提供了網站建設、域名、虛擬空間、網站托管、服務器租用、企業網站設計、臨城網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協力一起成長，共同發展。

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

如果沒有這句數據是綁定不進去的。

以上是“BootStrap中如何實現selectpicker后臺動態綁定數據”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創新互聯行業資訊頻道！

當前標題：BootStrap中如何實現selectpicker后臺動態綁定數據
瀏覽地址：http://m.newbst.com/article10/jeegdo.html

成都網站建設公司_創新互聯，為您提供品牌網站制作、商城網站、靜態網站、網站導航、網站維護、做網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯