select2使用

 

 

 

一.文件需要引入select2.full.js、select2.min.css（4.0.1版本）和jQuery.1.8.3及以上

最新版本的select2如果引用的jquery版本较低的话，某些功能无法正常使用。比如：清除功能allowClear: true

$(function(){   $('#chooseSelect').select2({
      // placeholder:'请选择'，  //设置占位符
      // multiple: true  //启用多选  })  //chooseSelect 为select的id
}

//清空选择
$("#c01-select").val(null).trigger("change");
或者
$('#myselect2').val([]).trigger('change');

select2多选时 

获取 选中值方式

循环获取

var valueList = '';
var part = $('#myselect2 option:selected').each(function(i, btn) {
    console.log($(btn).val());
    valueList = valueList + $(btn).val()+",";
})
console.log("valueList="+valueList);

 

var res=$("#c01-select").select2("data")[0] ; //单选
var reslist=$("#c01-select").select2("data");    //多选
if(res==undefined)
{
     alert("你没有选中任何项");
}
if(reslist.length)
{
     alert("你选中任何项");
}

var res = $("#id").select2("data");
//返回数组，单选就取res[0]；好处是不进可以获取id、text还可以获取其他属性，如res[0].names

 

https://www.cnblogs.com/hanqishihu/p/7070983.html

 

初始化时，设置已选中某些值

$('#myselect2').val(arr).trigger('change'); // arr 是数组格式

var arr = new Array();
for(var i=0;i<riskList.length;i++){
    var risk =riskList[i];
    arr[i]=risk.code;
}

$.ajax({
    url : '/risk/getRiskList',
    dataType : 'json',
    type : 'get',
    data:{'riskType':riskType,'corporationId':corporationId},
    success : function(data) {
        if(data && data.returnCode=='0000'){
            var list = data.content;
            $("#myselect2").html('');
            //$('#id').select2({data:[{id:1,text:'jason'}]});
            /* $("#myselect2").append("<option value=''>请选择</option>");*/
            for (var i = 0; i < list.length; i++) {
                $("#myselect2").append("<option value=" + list[i].code + ">" + list[i].name + "</option>");
            }
            $('#myselect2').val(arr).trigger('change');
        }
    },
    error : function() {
        layer.alert("网络异常");
    }
})