项目当中用了很多次了，因为疫情的原因，也没有总结过，趁着加班，总结一下，方便自己查找使用。
使用起来很简单，首先就是需要引入css和js就行了（select2是基于jQuery，所以需要提前引入）；请看下面的基本接口
1 DOCTYPE html> 2 3 4 5 6 7 8 #color{ 9 width: 300px;10 }11 12 13 14 15 请选择颜色16 红色17 绿色18 蓝色19 黄色20 21 22 23 24 25 //初始化select226 $("#color").select2();27 28这里需要注意得到地方就是，select标签，需要添加一个multiple属性，如果不添加的话，页面的效果是不正确的。
蜜桃成人网站入口添加完成之后，需要给多选框初始化，最简单的初始化方法就是，使用jq标签，然后直接select2()就可以了。
下面说下怎么获取选中的值，给多选框赋值，清空值。
获取选中的值：
1 var color_value = $("#color").val();2 console.log(color_value);需要注意的一点就是，因为是多选，所以获取的值是一个数组。如果没有选中值，则获取到的就是一个空数组。
多选框赋值：
1 $("#color").val(["red","blue"]).trigger("change");也是非常的简单，就是赋值的时候，蜜桃成人网站入口也是需要把这个复制对象改成数组，然后后面添加一个.trigger("change");就可以了。
清空值：
1 $("#color").val([]).trigger("change");下面把完整的代码写在下面。大家可以直接粘贴到编辑器中运行
1 DOCTYPE html> 2 3 4 5 6 7 8 #color{ 9 width: 300px;10 }11 12 13 14 15 请选择颜色16 红色17 绿色18 蓝色19 黄色20 21 获取选中的值22 红色和蓝色选中23 清空值24 25 26 27 28 //初始化select229 $("#color").select2();30 31 //获取选中的值32 $("#get_value").click(function(){33 var color_value = $("#color").val();34 console.log(color_value);35 })36 // 给多选框赋值37 $("#pull_value").click(function(){38 $("#color").val(["red","blue"]).trigger("change");39 })40 // 清空41 $("#zero_value").click(function(){42 $("#color").val([]).trigger("change");43 })44 45 View Code如果大家需要更加复杂的方法， 可以去他的github自己看。
