Heim JS-Spezialeffekte Andere Spezialeffekte Dropdown-Menü des jQuery-Suchfelds

Dropdown-Menü des jQuery-Suchfelds

Dropdown-Menü des jQuery-Suchfelds

Dropdown-Menü des jQuery-Suchfelds

Dies ist ein jQuery-Suchfeld-Dropdown-Menü-Auswahl-Plug-in, das durch Klicken auf das Eingabetextfeld ein Dropdown-Menü öffnet, das Menü auswählt, mehrere Auswahlbedingungen unterstützt und Suchvorgänge durchführt. Es ist ein sehr leistungsfähiges Dropdown-Menü Box-Suchcode.

JS-Code

<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

jQuery kombiniert mit CSS, um ein schönes Auswahl-Dropdown-Menü zu erstellen jQuery kombiniert mit CSS, um ein schönes Auswahl-Dropdown-Menü zu erstellen

16 May 2016

Für mich ist das Standard-HTML-Element (Select) lästig geworden. Es kann im IE-Browser nicht normal angezeigt werden. Eine andere Sache ist, dass es nicht nur einfachen Text enthält. In diesem Beispiel wird das Select-Element vollständig aufgegeben und das DropDown-Element über JQuery und CSS erstellt.

JQuery implementiert ein einfaches Dropdown-Menü JQuery implementiert ein einfaches Dropdown-Menü

15 Dec 2016

Als leichtes DOM-Framework bietet uns JQuery viele Annehmlichkeiten. Hier erfahren Sie, wie Sie mit JQuery ein einfaches Dropdown-Menü implementieren:

jQuery-Baum-Dropdown-Menü, Spezialeffektcode, Sharing_jquery jQuery-Baum-Dropdown-Menü, Spezialeffektcode, Sharing_jquery

16 May 2016

In diesem Artikel wird hauptsächlich die Implementierung von Magic Tree-Dropdown-Menüeffekten vorgestellt. Der Code ist einfach und sehr praktisch.

Zusammenfassung der Vorgänge im jQuery-Dropdown-Menü Zusammenfassung der Vorgänge im jQuery-Dropdown-Menü

15 Dec 2016

In diesem Artikel wird Folgendes vorgestellt: Zusammenfassung der jQuery-Dropdown-Menüoperationen

Ein supereinfaches Dropdown-Menü, implementiert mit jquery Ein supereinfaches Dropdown-Menü, implementiert mit jquery

15 Dec 2016

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

Ein jQuery-Dropdown-Menü mit einfachem Code Ein jQuery-Dropdown-Menü mit einfachem Code

15 Dec 2016

Ein jQuery-Dropdown-Menü mit einfachem Code, das auch für Anfänger geeignet ist. Kürzlich habe ich ein einfaches jQuery-Dropdown-Menü mit sehr wenig Code gefunden, das sich sehr gut für Anfänger mit Grundkenntnissen zum Lernen und Verbessern eignet.

10 empfohlene Artikel zum JQuery-Dropdown-Menü 10 empfohlene Artikel zum JQuery-Dropdown-Menü

15 Jun 2017

Get Select: Get ausgewählter Text: $("#ddlRegType").find("option:selected").text(); Get ausgewählter Wert: $("#ddlRegType").val();&

jQuery implementiert das sekundäre Dropdown-Menü effect_jquery jQuery implementiert das sekundäre Dropdown-Menü effect_jquery

16 May 2016

In diesem Artikel werden hauptsächlich die relevanten Informationen zu jQuery vorgestellt, um die Wirkung eines sekundären Dropdown-Menüs zu erzielen. Freunde, die sie benötigen, können darauf verweisen.

jquery mit Dropdown-Menü und Fokuskartencode „sharing_jquery'. jquery mit Dropdown-Menü und Fokuskartencode „sharing_jquery'.

16 May 2016

In diesem Artikel werden hauptsächlich das JQuery-Dropdown-Menü und der Fokusbildcode vorgestellt. Es wird allen Freunden empfohlen, die darauf verweisen.

See all articles See all articles

Hot Tools

jQuery+Html5 realisiert einen wunderschönen Geständnis-Animationscode

jQuery+Html5 realisiert einen wunderschönen Geständnis-Animationscode

jQuery + Html5 implementiert einen wunderschönen Geständnis-Animationscode, der Animationseffekt ist großartig, ein Muss für Programmierer zum Geständnis!

Js-Spezialeffektcode für das romantische Geständnis eines Paares

Js-Spezialeffektcode für das romantische Geständnis eines Paares

Paar romantisches Geständnis JS Special Effekt -Code, solche Spezialeffekte, können auf Websites für Hochzeitsfotografie verwendet werden, können auch in persönlichen Websites platziert werden, und auch eine gute Spezialeffekte, PHP Chinese -Website -Empfehlung Download!

Einfaches JS-Liebesgeständnis-Artefakt

Einfaches JS-Liebesgeständnis-Artefakt

Einfaches natives JS-Liebesgeständnis-Artefakt

Ausdrucksstarke HTML5-Partikelanimationseffekte von Bunker

Ausdrucksstarke HTML5-Partikelanimationseffekte von Bunker

Bunkers HTML5-Spezialeffektcode für Partikelanimationsausdrücke, der Text für Animationsspezialeffekte kann im Code geändert werden, Sie können eine Seite erstellen, Sie können die Texteingabe anpassen, es sollte sehr beliebt sein, dieser HTML5-Spezialeffekt ist sehr schön.

jQuery-Responsive Hintergrund-Anmeldeschnittstellenvorlage

jQuery-Responsive Hintergrund-Anmeldeschnittstellenvorlage

HTML-Quellcode der responsiven Backend-Anmeldeschnittstelle von jQuery. Die Anmeldeseite verwendet JQuery, um das Formular zu überprüfen und festzustellen, ob die Anmeldeseite die Anforderungen erfüllt Seiten: Wenn der Browser hinein- oder herauszoomt, ändert der Hintergrund die Größe des Bildes entsprechend dem Browser! Die chinesische PHP-Website empfiehlt den Download!

Heißer Artikel

Luma Island: Wie man die Berge erreicht
06 Dec 2024 Leitfaden für mobile Spiele
Fortnite: Let's Hunt Vampires Quest Pack Guide
21 Dec 2024 Leitfaden für mobile Spiele
Roblox Fisch: Alle Angelrutenstandorte und Statistiken
29 Nov 2024 Leitfaden für mobile Spiele