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的值。change是固定值

   $('#selectid').val(['3']).trigger('change');

猜你喜欢

转载自blog.csdn.net/yuzhoaheyou/article/details/80578175
今日推荐