多選,多項搜索插件

multiSelect

是不是苦於沒有一個合適的多選搜索控件?
以下就是一個!
github:鏈接

例子

簡單的使用方法:

var options = {
left: 0, //下拉框的左側偏移
top: 2,//下拉框的頂部偏移
wid: 200,//下拉框的寬度,輸入框的最小寬度跟這個一樣
hei: 38,//下拉框的高度
name: “name”,//搜索插件返回的數據中的key
code: “code”,//搜索插件返回的數據中的value
max: 9,//最多選擇幾個
//搜索的時候觸發
//t:搜索的字符串
//服務器返回結果之後的回調
onInput: function(t,fn) {
var data = [{
name: “test” + Math.random(),
code: “123>”
}, {
name: “test2”,
code: “123”
}];
fn(data);
},
}

$(“#demo”).multiSelect({
onInput: function(t, fn) {
ajax.searchABC(t, function(res) {
if (res.status.code == 0) {
fn(res.data);
}
});
}
});

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章