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; } // 字符转义处理 }});
阅读全文
0 0