select2插件笔记

【select2插件】
>1: select2的使用方法：
>1: 网上直接引用：<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
>2: 本地下载： <link href="path/to/select2.min.css" rel="stylesheet" />
<script src="path/to/select2.min.js"></script>
>2: 使用前需要初始化：
>1: 简单初始化: $('select').select2();
>2: 初始化占位符: $('select').select2({placeholder: 'Select an option'});
>3: select2属性：
placeholder: '<请选择>',//占位字符
allowClear: true,  
    maximumInputLength: 20,//允许搜索长度  
    minimumResultsForSearch: 20,//至少20个结果的时候显示搜索  
    minimumResultsForSearch: Infinity,//永久隐藏搜索框  
    selectOnClose: true,//结果显示高亮  
    closeOnSelect: false,//select选中关闭下拉框  
    selectableOptgroup:true,  
    tags: true,//根据搜索框创建option  
    dropdownParent: $('#my_amazing_modal'),//选择元素追加到下拉框  
    separator: ",",//分隔符  
>4: select2事件：
//置空  
$eventSelect.val(null).trigger("change");  
//选中  
$eventSelect.on("selected", function (e) { })  
//移除  
$eventSelect.on("removed", function () {  
})  
//多个事件  
$eventSelect.on("close removed", function () { })  


// 获取value和text  
$("#xa").val();  
$("#xa").select2("val");  

$("#xa").select2('data').text 

关于select2的另一位博主的笔记：http://blog.csdn.net/u014388408/article/details/50587405