select2 api参数的文档

Example Code（针对目标元素为 div 例如：<div id="e1">...</div> ）

1. $("#e1").select2();
2. $("#e1").click(function () { alert("Selected value is: "+$("#e1").select2("val"));}); // 获取选中的ID值
3. $("#e1").click(function () { $("#e2").select2("val", "CA"); }); // id="CA" 选中（好像单个还不行，以数组形式才行）
4. $("#el").click(function() { $("#e2").select2("val", ""); });  // 不选中任何值
5. $("#e1").click(function () { var data = $("#e2").select2("data"); }); // 获取选中对象
6. $("#e1").click(function () { $("#e2").select2("data", {id: "CA", text: "California"}); });
7. $("#e1").click(function () { $("#e2").select2("open"); }); // 打开下拉框
8. $("#e1").click(function () { $("#e2").select2("close"); }); // 关闭下拉框
9. $("#e1").select2({placeholder: "Select a state"});  // 下拉框 提示
10. $("#e1").click(function () { alert("Selected value is: "+$("#e2").select2("val"));}); // 获取选中的ID值
11. $("#e1").click(function () { $("#e8_2").select2("val", ["CA","MA"]); });   // id="CA"，id="MA" 选中
12. $("#e12").click(function () { alert("Selected value is: "+JSON.stringify($("#e2").select2("data")));});// 获取选中JSON对象
13. $("#e1").click(function () { $("#e2").select2("data", [{id: "CA", text: "California"},{id:"MA", text: "Massachusetts"}]); });

14. ---

// 加载数据

$("#e11").select2({

placeholder: "Select report type",

allowClear: true,

data: [{id: 0, text: ‘story‘},{id: 1, text: ‘bug‘},{id: 2, text: ‘task‘}]

});

// 加载数组  支持多选

$("#e11_2").select2({

createSearchChoice:function(term, data) { if ($(data).filter(function() { return this.text.localeCompare(term)===0; }).length===0) {return {id:term, text:term};} },

multiple: true,

data: [{id: 0, text: ‘story‘},{id: 1, text: ‘bug‘},{id: 2, text: ‘task‘}]

});
function log(e) {

var e=$("<li>"+e+"</li>");

$("#events_11").append(e);

e.animate({opacity:1}, 10000, ‘linear‘, function() { e.animate({opacity:0}, 2000, ‘linear‘, function() {e.remove(); }); });

}

// 对元素 进行事件注册

$("#e11")
.on("change", function(e) { log("change "+JSON.stringify({val:e.val, added:e.added, removed:e.removed})); })  // 改变事件
.on("select2-opening", function() { log("opening"); })  // select2 打开中事件
.on("select2-open", function() { log("open"); })     // select2 打开事件
.on("select2-close", function() { log("close"); })  // select2 关闭事件
.on("select2-highlight", function(e) { log ("highlighted val="+ e.val+" choice="+ JSON.stringify(e.choice));})  // 高亮
.on("select2-selecting", function(e) { log ("selecting val="+ e.val+" choice="+ JSON.stringify(e.choice));})  // 选中事件
.on("select2-removing", function(e) { log ("removing val="+ e.val+" choice="+ JSON.stringify(e.choice));})  // 移除中事件
.on("select2-removed", function(e) { log ("removed val="+ e.val+" choice="+ JSON.stringify(e.choice));})  // 移除完毕事件
.on("select2-loaded", function(e) { log ("loaded (data property omitted for brevity)");})  // 加载中事件
.on("select2-focus", function(e) { log ("focus");})    //  获得焦点事件
.on("select2-blur", function(e) { log ("blur");});     //  失去焦点事件

$("#e11").click(function() { $("#e11").val(["AK","CO"]).trigger("change"); });

官网文档地址是：http://select2.github.io/select2/#documentation。说再多也没用，最后我们来个实例来证明一下ajax请求远程数据，以截图为准：

原文地址：https://www.cnblogs.com/susan-home/p/9214269.html