1. 程式人生 > >select2 外掛新增選項 設定預設值

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');