bootstrap-select實現加載時默認選中功能

**

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當然就是需要被選中的選項啦

最後,雖然比較簡單,但還是希望搜到了這個標題的人能根據我這邊文章節省一點時間(當然要用來摸魚啦)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章