当前位置：首页 > 下载站 > js特效 > 其它特效 > jQuery的搜索框下拉菜单

jQuery的搜索框下拉菜单

分类: js特效 / 其它特效	发布时间: 2017-12-19	访问量: 1958
下载量: 67

点击下载预览效果

更多>

最新下载

jQuery鼠标滚轮控制幻灯片切换

jQuery鼠标滚轮控制幻灯片切换是一款基于jQuery实现的鼠标滚轮控制幻灯效果。

0 2026-01-30

jQuery微信手机端答题表单特效

jQuery微信手机端答题表单特效是一款手机微信常用的两学教育答题系统下载。

0 2026-01-30

js正则表达式表单验证代码

js正则表达式表单验证代码是一款支持多种不同条件不同效果的表单验证代码

0 2026-01-30

CSS3图片形状遮罩动画效果

CSS3图片形状遮罩动画效果是一款鼠标移动图片显示带动画的遮罩效果。本作品由【站长素材】收集整理，转载请注明出处！

0 2026-01-30

div css手机网站login表单特效

div css手机网站login表单特效是一款适合手机移动端登录表单代码下载。

0 2026-01-30

qq空间遮罩层jQuery相册切换

qq空间遮罩层jQuery相册切换是一款鼠标点击图片弹出带左右箭头遮罩效果图片切换代码。

0 2026-01-30

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

16464 2025-08-28
CSS3 教程

1547304 2025-08-27
Rust 教程

23554 2025-08-27
Vue 教程

25953 2025-08-22
PostgreSQL 教程

22463 2025-08-21
Git 教程

9376 2025-08-21

jQuery的搜索框下拉菜单

这是一款点击input文本框弹出下拉菜单，选中菜单，支持多选条件，进行搜索的jQuery搜索框下拉菜单选择插件，功能很强大的下拉框搜索代码。

js代码

<script>
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="请输入搜索">'
});
</script>