select2Demo

来源:互联网 发布:acm编程规则 编辑:程序博客网 时间:2024/06/11 13:52
这是select2的一个小Demo,这种方式只对input标签有效,对select标签无效
<input id = "test" name = "test" multiple = "multiple" value="">

$('#test').select2({   placeholder: "请输入",   width:500,   minimumInputLength: 1,   separator: "-", // 分隔符   maximumSelectionSize: 5, // 限制数量   initSelection: function(element, callback) { // 初始化时设置默认值   },   createSearchChoice: function(term, data) { // 创建搜索结果(使用户可以输入匹配值以外的其它值)      return {         id: term.mid,         text: term.name      };   },   formatSelection: function(item) {      return item.name;//注意此处的name,要和ajax返回数组的键值一样   }, // 选择结果中的显示   formatResult: function(item) {      return item.name;//注意此处的name   }, // 搜索列表中的显示   ajax: {      url: "http://localhost/hmdt/ft/brgl/brxqSearch", // 异步请求地址      dataType: "json", // 数据类型      data: function(term, page) { // 请求参数(GET)         return {            q: term         }      },      results: function(data, page) {         return data;      }, // 构造返回结果      escapeMarkup: function(m) {         return m;      } // 字符转义处理   }});