**
bootstrap-select實現加載時默認選中功能
**前言,萌新最近有了個jq項目的select多選功能的需求,就找到了下面的插件想要實現這個功能
bootstrap-select
因爲萌新見識淺薄,所以沒有找到默認展示某幾項的demo,就嘗試着自己寫了一下
function loadInfo() {
//默認數據
var area = document.getElementById("id_select");
area.options.length = 0;
/*var result = {};
$('#demo option').each(function(){
result[$(this).val()] = $(this).text();
})
for (var item in result) {
area.options.add(new Option(result[item], item,));
}*/
$('.selectpicker').selectpicker('refresh');
/*var defSelOption = ['111','222','333','444'];
var showSelOption = '';
if (defSelOption.length > 0){
$('.selectpicker option').each(function(index){
if(defSelOption.indexOf($(this).val()) > -1){
$(this)[0].selected = true;
showSelOption += $(this).text() + ',';
}
})
showSelOptionOver = showSelOption.substr(0,showSelOption.length-1);
$('.filter-option-inner-inner').text(showSelOptionOver);
$('.dropdown-toggle').removeClass('bs-placeholder')
}*/
}
上面是我根據我在做的項目修改後的select-multiple.js
第一個註釋的功能是做的一些關於初始獲取數據格式的改動(需要從另一個隱藏的select獲取數據,value和text還需要不一樣)
第二個註釋的功能就是默認選中某幾個選項,defSelOption當然就是需要被選中的選項啦
最後,雖然比較簡單,但還是希望搜到了這個標題的人能根據我這邊文章節省一點時間(當然要用來摸魚啦)