【文件属性】:
文件名称:jQuery的搜索框下拉菜单.zip
文件大小:274KB
文件格式:ZIP
更新时间:2022-07-31 03:56:10
js特效-jQuery的搜索框下拉菜单
这是一款点击input文本框弹出下拉菜单,选中菜单,支持多选条件,进行搜索的jQuery搜索框下拉菜单选择插件,功能很强大的下拉框搜索代码。
js代码
[removed]
var Random = Mock.Random;
var json1 = Mock.mock({
"data|10-50": [{
name: function() {
return Random.name(true)
},
"id| 1": 1,
"disabled|1-2": true,
groupName: '分组名',
"groupId|1-4": 1,
"selected": false
}]
});
$('.dropdown-mul-1').dropdown({
data: json1.data,
limitCount: 40,
multipleMode: 'label',
choice: function() {
// console.log(arguments,this);
}
});
var json2 = Mock.mock({
"data|10000-10000": [{
name: function() {
return Random.name(true)
},
"id| 1": 1,
"disabled": false,
groupName: '分组名',
"groupId|1-4": 1,
"selected": false
}]
});
$('.dropdown-mul-2').dropdown({
limitCount: 5,
searchable: false
});
$('.dropdown-sin-1').dropdown({
readOnly: true,
input: '<input type="text" maxLength="20" placeholder="请输入搜索">'
});
$('.dropdown-sin-2').dropdown({
data: json2.data,
input: '<input type="text" maxLength="20" placeholder="请输入搜索">'
});
[removed]
【文件预览】:
jQuery的搜索框下拉菜单
----index.html(4KB)
----php中文网下载站.url(114B)
----js()
--------jquery.js(254KB)
--------mock.js(272KB)
--------jquery.dropdown.js(17KB)
----QQ截图20171219110547.png(18KB)
----fonts()
--------glyphicons-halflings-regular.ttf(44KB)
--------glyphicons-halflings-regular.woff2(18KB)
--------glyphicons-halflings-regular.eot(20KB)
--------glyphicons-halflings-regular.woff(23KB)
----php中文网免费下载站.txt(219B)
----css()
--------bootstrap.min.css(118KB)
--------jquery.dropdown.css(6KB)