select2 外掛新增選項 設定預設值
1:使用ajax獲取資料
$('selectid').select2({
ajax: {
url: "https://api.github.com/search/repositories",
dataType: 'json',
data: function (params) {
var query = { //請求的引數, 關鍵字和搜尋條件之類的
search: params.term //select搜尋框裡面的value
}
// Query paramters will be ?search=[term]&page=[page]
return query;
},
delay: 1500,
processResults: function (data, params) {
//返回的選項必須處理成以下格式
//var results = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'wontfix' }];
return {
results: results //必須賦值給results並且必須返回一個obj
};
}
}
});
2:直接寫死
var data = [{
id: 0,
text: '選項1'
}, {
id: 1,
text: '選項2'
}];
$("#selectid").select2({
data: data
})
給select2設定預設選中值:其中3是id或者value的值,是list格式。change是固定值
$('#selectid').val(['3']).trigger('change');