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