select2学习笔记

来源：互联网发布：java 可变参数 null 编辑：程序博客网时间：2024/06/04 23:19

set：

var set = {    allowClear: true,    maximumInputLength: 20,//允许搜索长度    minimumResultsForSearch: 20,//至少20个结果的时候显示搜索    minimumResultsForSearch: Infinity,//永久隐藏搜索框    selectOnClose: true,//结果显示高亮    closeOnSelect: false,//select选中关闭下拉框    selectableOptgroup:true,    tags: true,//根据搜索框创建option    dropdownParent: $('#my_amazing_modal'),//选择元素追加到下拉框    separator: ",",//分隔符    templateResult: function (data) {        if (data.id === '') { // adjust for custom placeholder values            return 'Custom styled placeholder text';        }        return data.text;    }}

初始化：

HTML页面

<select class="medium m-wrap select2_sample1" id="MediacyID" name="MediacyID"  multiple>

JS页面

$eventSelect = $('.select2_sample1').select2(set)

事件：

//置空$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

0 0