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

更新時間：2017年06月01日 14:03:14 作者：響馬

這篇文章主要介紹了BootStrap selectpicker后臺動態(tài)綁定數(shù)據(jù)的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下

項目使用BootStrap設(shè)置select時，不能動態(tài)加載，使用以下方法可以解決。

//獲得全部訂單信息(訂單ID,訂單名稱)
function GetAllOrders(obj) {
 $.ajax({
  type: 'Get',
  url: '/OrderTypeSetting/GetAllCanUseOrderTypes/',
  dataType: "Json",
  success: function (data) {
   if (!data.flag) {    
    $.each(data, function (i, n) {
     $("#" + obj).append(" <option value=\"" + n.os_id + "\">" + n.os_name + "</option>");
    })
    $("#" + obj).selectpicker('refresh');
    
   }
  }
 })

}

//獲得全部訂單信息(訂單ID,訂單名稱)
function GetAllOrders(obj) {
 $.ajax({
  type: 'Get',
  url: '/OrderTypeSetting/GetAllCanUseOrderTypes/',
  dataType: "Json",
  success: function (data) {
   if (!data.flag) {
    var opstr = "";
    $.each(data, function (i, n) { 
      opstr += " <option value=\"" + n.os_id + "\">" + n.os_name + "</option>";
    })    
    var myobj = document.getElementById(obj);
    if (myobj.options.length == 0) {
     $("#" + obj).html(opstr);
     $("#" + obj).selectpicker('refresh');
    }
   }
  }
 })

}

參考資料：

bootstrap-select

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

您可能感興趣的文章:

相關(guān)文章

在iframe中使bootstrap的模態(tài)框在父頁面彈出問題
這篇文章主要介紹了在iframe中使bootstrap的模態(tài)框在父頁面彈出問題,解決方法非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-08-08
JS/jQuery判斷DOM節(jié)點是否存在的簡單方法
下面性價比就為大家?guī)硪黄狫S/jQuery判斷DOM節(jié)點是否存在的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起小編過來看看吧
2016-11-11
超全面的JavaScript開發(fā)規(guī)范（推薦）
作為一名開發(fā)人員（WEB前端JavaScript開發(fā)），不規(guī)范的開發(fā)不僅使日后代碼維護(hù)變的困難，同時也不利于團(tuán)隊的合作，通常還會帶來代碼安全以及執(zhí)行效率上的問題。本文就主要介紹了關(guān)于Javascript的命名規(guī)范、注釋規(guī)范以及框架開發(fā)的一些問題，需要的朋友可以參考學(xué)習(xí)。
2017-01-01
js 去除字符串第一位逗號的方法
這篇文章主要介紹了js 去除字符串第一位逗號的方法,需要的朋友可以參考下
2014-06-06
JavaScript數(shù)據(jù)類型檢測代碼分享
這篇文章主要向大家分享了一段JavaScript實現(xiàn)數(shù)據(jù)類型檢測的代碼，附上參數(shù)說明和使用說明，希望小伙伴們能夠喜歡
2015-01-01
JavaScript中逗號運算符介紹及使用示例
這篇文章主要介紹了JavaScript中逗號運算符介紹及使用示例,本文講解了逗號運算符的定義、使用例子及實際使用的一些技巧,需要的朋友可以參考下
2015-03-03
javascript入門之string對象【新手必看】
本片文章主要介紹String 對象的屬性方法等并進(jìn)行舉例說明,小編認(rèn)為對大家學(xué)習(xí)JavaScript是有所幫助的，需要朋友的可以看下
2016-11-11
JavaScript 開發(fā)工具webstrom使用指南
本文給大家推薦了一款非常熱門的javascript開發(fā)工具webstrom,著重介紹了webstrom的特色功能、設(shè)置技巧、使用心得以及快捷鍵匯總，非常的全面。
2014-12-12
微信小程序?qū)崿F(xiàn)全國機場索引列表
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)全國機場索引列表，實現(xiàn)MUI索引列表，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-01-01
JS實現(xiàn)選中當(dāng)前菜單后高亮顯示的導(dǎo)航條效果
這篇文章主要介紹了JS實現(xiàn)選中當(dāng)前菜單后高亮顯示的導(dǎo)航條效果,涉及JavaScript針對頁面元素的遍歷及樣式動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10