参考文档： http://blog.csdn.net/u014388408/article/details/50587405

官网：http://select2.github.io/

官网文档：http://select2.github.io/select2/select2-latest.html

例子：

 $(this).select2({placeholder           : option.placeholder,width                 : option.width,allowClear            : option.allowClear,  //允许清空全部separator             : ",", //数值分割maximumSelectionLength: option.maximumSelectionLength, //最大选数据multiple              : option.multiple,language              : "zh-CN",maximumInputLength    : 5, //最大输入度为10,超过就不做查询formatSearching       : '正在载...',formatNoMatches       : '没有返回结果',//selectOnClose: true, //当关闭下拉框后，就选中一条//closeOnSelect: false, //当选中后不关闭下拉框// minimumInputLength: 1, //最小输入1个字符,否则就不查询// minimumResultsForSearch: 15, //如果数据足够,最少要展示15条数据//templateResult:function(data){return '<p>'+data.text+'<p>';}, //结果渲染,如渲染成html//templateSelection:function(data){return data.myAbbr},//当选中后自定义展示的样子//minimumResultsForSearch: Infinity, //永久的隐藏查询框insertTag             : function (data, tag) {// 将选中的项,插入到标签列表后面,你也可以插入到前面data.push(tag);},//createTag:function(params){}, //定义创建tag的过程ajax                  : {url           : "/store/getStorePagingList",cache         : true,delay         : 500, //延时0.5秒后查询dataType      : 'json',data          : function (params) {if (!params.page) {params.page = 1}return {storeName: params.term,pageNo     : params.page,pageSize : option.pageSize};},processResults: function (data, params) {var totalPage = params.page;if (data) {totalPage = data.totalPage;data = data.content;} else {data = []}data = $.map(data, function (obj) {obj.text = obj.storeName;return obj;});return {results   : data,pagination: {more: params.page < totalPage // 总页数为10，那么1-9页的时候都可以下拉刷新}};}}});

事件：

例子：

$('select').on('select2:select', function (evt) {// Do something
});//赋值
$('select').val('US'); //触发某个事件
$('select').trigger('change'); 

Select2 will trigger a few different events when different actions are taken using the component, allowing you to add custom hooks and perform actions.

change

Triggered whenever an option is selected or removed.

select2:close

Triggered whenever the dropdown is closed.

select2:closing

Triggered before the dropdown is closed. This event can be prevented.

select2:open

Triggered whenever the dropdown is opened.

select2:opening

Triggered before the dropdown is opened. This event can be prevented.

select2:select

Triggered whenever a result is selected.

select2:selecting

Triggered before a result is selected. This event can be prevented.

select2:unselect

Triggered whenever a selection is removed.

select2:unselecting

Triggered before a selection is removed. This event can be prevented.