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

jQuery的搜索框下拉菜单

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

点击下载预览效果

更多>

最新下载

swiper手机端触屏滑动图片切换

swiper手机端触屏滑动图片切换是一款基于swiper制作手机端图片缩放展示。

0 2026-01-31

jQuery会员中心安全修改表单代码

jQuery会员中心安全修改表单代码是一款登录密码，交易密码，手机号码，实名认证，电子邮箱，安全设置表单，会员表单等设置代码。

0 2026-01-31

js鼠标滚动图片等比例缩放代码

js鼠标滚动图片等比例缩放代码是一款js图片缩放特效代码。

0 2026-01-31

CSS3弹出Metro登录表单

CSS3弹出Metro登录表单是一款用CSS3实现的弹出登录表单，点击按钮即可弹出一个非常清新的登录表单，表单是Metro风格的，看着朴实，但是却非常简洁实用。

0 2026-01-31

jquery叠加切换幻灯片

jquery叠加切换幻灯片是一款带有金属色彩的网站首页幻灯片。

0 2026-01-31

jQuery表单输入文字计数显示代码

jQuery表单输入文字计数显示代码是一款非常实用的jQuery表单输入文字计数插件，该插件可以设置某个输入框或textarea可输入的大文字数，当用户输入文字的时候，插件会将字数倒计数显示，提示用户还可以输入多少个文字，并且显示的数字随着数字的减少会越来越清晰。

0 2026-01-31

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

16526 2025-08-28
CSS3 教程

1547443 2025-08-27
Rust 教程

23610 2025-08-27
Vue 教程

25997 2025-08-22
PostgreSQL 教程

22508 2025-08-21
Git 教程

9403 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>