Heim

JS-Spezialeffekte

Andere Spezialeffekte

jQuery的搜索框下拉菜单

Jetzt downloaden Vorschau

这是一款点击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>

Haftungsausschluss

Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Verstoß vorliegt, kontaktieren Sie uns bitte, um ihn zu löschen. Kontaktinformationen: admin@php.cn

Verwandter Artikel

Wie kann ich in Bootstrap ein durchsuchbares Dropdown-Menü erstellen?

04 Nov 2024

Erreichen eines auswählbaren Dropdown-Menüs mit Suchfunktion. Ziel ist es, die im bereitgestellten Bild gezeigte Funktionalität zu reproduzieren, in der Benutzer ...

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

13 Jun 2016

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

鼠标悬浮效果

&nbs" alt="Ein supereinfaches Dropdown-Menü, implementiert mit jquery_jquery"> Ein supereinfaches Dropdown-Menü, implementiert mit jquery_jquery

16 May 2016

In diesem Artikel wird hauptsächlich ein supereinfaches Dropdown-Menü vorgestellt, das mit jquery implementiert wurde. Freunde, die es benötigen, können darauf verweisen.

Jquery带搜索框的下拉菜单_jquery

16 May 2016

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

HTML, CSS und jQuery: Erstellen Sie ein Dropdown-Menü mit Mehrfachauswahl und Kontrollkästchen

27 Oct 2023

HTML, CSS und jQuery: Erstellen eines Mehrfachauswahl-Dropdown-Menüs mit Kontrollkästchen Da sich das Internet weiterentwickelt, werden Webdesign und interaktive Erlebnisse immer wichtiger. In der Vergangenheit war die Verwendung von Mausklicks zur Auswahl eine gängige Interaktionsmethode. Mit der Diversifizierung der Benutzerbedürfnisse benötigen wir jedoch flexiblere und intelligentere Interaktionsmethoden. In diesem Artikel wird erläutert, wie Sie mithilfe von HTML, CSS und jQuery ein Dropdown-Menü mit Mehrfachauswahl und Kontrollkästchen erstellen. Zuerst müssen wir eine grundlegende HTML-Struktur erstellen, die a enthält

So lösen Sie das Problem, dass das Suchfeld und das Menü nicht geöffnet werden können

04 Jan 2024

Wenn Benutzer das Win10-System verwenden, stellen sie fest, dass das Win10-Suchfeld und der Menürand im Allgemeinen nicht geöffnet werden können, indem sie Befehle in PowerShell eingeben. Schauen wir uns also die Lösung des Problems an, das das Win10-Suchfeld und Menürand kann nicht geöffnet werden. Weder das Win10-Suchfeld noch der Menürand können geöffnet werden: 1. Wir drücken die Tastenkombination Win+R, geben Powershell in das Ausführungsfeld ein und drücken die Eingabetaste. 2. Geben Sie dann den folgenden Befehl in das Fenster ein. Get-AppxPackage|%{Add-AppxPackage-DisableDevelopmentMode-Register"$($_.InstallLocat

jQuery implementiert exquisite mehrstufige Dropdown-Menüeffekte_jquery

16 May 2016

In diesem Artikel wird hauptsächlich die Implementierung exquisiter mehrstufiger Dropdown-Menüeffekte durch jQuery vorgestellt, die hauptsächlich durch die Verwendung des fg.menu.js-Plug-Ins von jQuery erreicht wird. Der Effekt ist sehr gut und ich kann ihn jedem empfehlen.

Wie erstelle ich mithilfe von Kontrollkästchen in HTML und CSS ein Dropdown-Menü mit Mehrfachauswahl?

11 Nov 2024

So integrieren Sie Kontrollkästchen in ein Dropdown-Menü. Durch das Erstellen einer Dropdown-Liste mit Mehrfachauswahl können Benutzer bequem mehrere Optionen auswählen....

Schöner, reibungsloser Effektcode für sekundäre Dropdown-Menüs, implementiert von jQuery_jquery

16 May 2016

In diesem Artikel wird hauptsächlich der von jQuery implementierte exquisite und reibungslose sekundäre Dropdown-Menüeffekt vorgestellt. Er ändert die Seitenelementattribute dynamisch als Reaktion auf Mausereignisse, um den sekundären Dropdown-Menüeffekt zu erzielen

See all articles