首页

JS特效

其它特效

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>

免责声明

本站所有资源均由网友贡献或各大下载网站转载。请自行检查软件的完整性！本站所有资源仅供学习参考。请不要将它们用于商业目的。否则，一切后果由您负责！如有侵权，请联系我们删除。联系方式：admin@php.cn

jQuery实现精美的多级下拉菜单特效_jquery

16 May 2016

这篇文章主要介绍了jQuery实现精美的多级下拉菜单特效，主要依托于jQuery的fg.menu.js插件来实现的，效果非常棒，推荐给大家。

如何在 Bootstrap 中创建可搜索的下拉菜单？

04 Nov 2024

通过搜索功能实现可选择的下拉菜单为了复制所提供图像中展示的功能，用户...

yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析，yii2widgetselect2

13 Jun 2016

yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析，yii2widgetselect2。yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析，yii2widgetselect2 本文实例讲述了yii2框架中使用下拉菜单的自动搜索yii-widget-selec

鼠标悬浮效果

&nbs" alt="用jquery实现的一个超级简单的下拉菜单_jquery"> 用jquery实现的一个超级简单的下拉菜单_jquery

16 May 2016

这篇文章主要介绍了用jquery实现的一个超级简单的下拉菜单,需要的朋友可以参考下

Jquery带搜索框的下拉菜单_jquery

16 May 2016

Jquery带搜索框的下拉菜单，需要的朋友可以参考一下

HTML、CSS和jQuery：制作一个带有复选框的多选下拉菜单

27 Oct 2023

HTML、CSS和jQuery：制作一个带有复选框的多选下拉菜单随着互联网的不断发展，网页设计和交互体验变得越来越重要。在过去，使用鼠标点击进行选择是常见的交互方式，然而，随着用户需求的多样化，我们需要更加灵活和智能的交互方式。本文将介绍如何使用HTML、CSS和jQuery制作一个带有复选框的多选下拉菜单。首先，我们需要创建一个基本的HTML结构，包含一个

如何解决搜索框和菜单无法打开的问题

04 Jan 2024

用户使用win10系统的时候，发现win10搜索框和菜单edge都打不开了的问题，一般呢在powershell输入指令即可恢复，那么下面我们一起看看win10搜索框和菜单edge都打不开的解决方法。win10搜索框和菜单edge都打不开：1、我们按下win+R快捷键，在运行框中输powershell回车。2、然后在窗口输入下面命令。Get-AppxPackage|%{Add-AppxPackage-DisableDevelopmentMode-Register"$($_.InstallLocat