Maison Effets spéciaux JS Autres effets spéciaux Menu déroulant du champ de recherche jQuery

Menu déroulant du champ de recherche jQuery

Menu déroulant du champ de recherche jQuery

Menu déroulant du champ de recherche jQuery

Il s'agit d'un plug-in de sélection de menu déroulant de zone de recherche jQuery qui affiche un menu déroulant en cliquant sur la zone de texte de saisie, sélectionne le menu, prend en charge plusieurs conditions de sélection et effectue des recherches. Il s'agit d'un menu déroulant très puissant. code de recherche de boîte.

code 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>
Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

code du menu de navigation flottant dynamique jquery Sharing_jquery code du menu de navigation flottant dynamique jquery Sharing_jquery

16 May 2016

Cet article présente principalement les effets spéciaux du menu de navigation flottant dynamique jquery. Le menu peut flotter de haut en bas. Il est recommandé à tous les amis dans le besoin de s'y référer.

Comment implémenter la fonction de menu déroulant du champ de recherche de l'applet WeChat en PHP Comment implémenter la fonction de menu déroulant du champ de recherche de l'applet WeChat en PHP

01 Jun 2023

Comment implémenter la fonction de menu déroulant du champ de recherche du mini programme WeChat avec PHP Avec la popularité des mini programmes WeChat, de plus en plus d'entreprises commencent à utiliser les mini programmes WeChat pour les ventes et le marketing du commerce électronique. Le champ de recherche est un composant très important de l'applet WeChat, qui peut aider les utilisateurs à trouver rapidement les produits et les informations dont ils ont besoin. La fonction de menu déroulant permet aux utilisateurs de filtrer les résultats de recherche plus facilement. Cet article explique comment utiliser PHP pour implémenter la fonction de menu déroulant du champ de recherche de l'applet WeChat. 1. Configurez l'environnement de développement du mini-programme WeChat. Tout d'abord, utilisez PHP pour implémenter le mini-programme WeChat.

Implémentation jQuery du code d'exemple de fonction de menu déroulant Implémentation jQuery du code d'exemple de fonction de menu déroulant

16 May 2016

Cet article présente principalement les informations pertinentes sur l'exemple de code de jQuery implémentant la fonction de liste déroulante. Les amis dans le besoin peuvent s'y référer.

Implémentation jQuery du code d'exemple de fonction de menu déroulant Implémentation jQuery du code d'exemple de fonction de menu déroulant

13 Jul 2017

Cet article vous explique comment implémenter l'effet de menu déroulant avec jQuery à travers un exemple de code. Il est très bon et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer.

Décrire Canvas combiné avec JavaScript pour obtenir des effets spéciaux d'image Décrire Canvas combiné avec JavaScript pour obtenir des effets spéciaux d'image

07 Mar 2018

Nous savons tous que Canvas est en HTML5. Canvas peut créer de nombreux effets spéciaux et autres choses magiques. Bien sûr, JavaScript peut également le faire. Mais avez-vous déjà joué avec Canvas et JavaScript pour obtenir des effets spéciaux d'image ? regarder!

Partager mon implémentation jquery du menu déroulant heart_jquery Partager mon implémentation jquery du menu déroulant heart_jquery

16 May 2016

La bibliothèque jquery nous apporte beaucoup de commodité. Il est très simple d'implémenter un simple menu déroulant en utilisant jquery, mais il existe également différentes méthodes d'implémentation. Aujourd'hui, j'ai utilisé jquery pour écrire un menu déroulant. J'ai fait référence au SexyDropDownMenu2010 de Xiaofeng Wang. Il contient encore certaines choses qui, à mon avis, valent la peine d'être enregistrées.

Exemple de tutoriel du menu déroulant Bootstrap Exemple de tutoriel du menu déroulant Bootstrap

18 Jul 2017

Comme mentionné ci-dessus, lors de l'interaction avec des pages Web, des menus contextuels ou des éléments de menu masqués/affichés sont souvent nécessaires. Bootstrap fournit par défaut un menu contextuel commutable pour afficher une liste de liens. De plus, l'affichage du menu dans différents états interactifs doit être utilisé conjointement avec le plug-in javascript. Cet article présentera en détail comment utiliser le menu déroulant Bootstrap. Lorsque vous utilisez le menu déroulant du framework Bootstrap, vous devez appeler le fichier bootstrap.js fourni par le framework Bootstrap. Bien sûr, si

Implémentation du menu déroulant de saisie HTML Implémentation du menu déroulant de saisie HTML

15 May 2018

Le menu déroulant peut être saisi. Incroyable, n'est-ce pas ? Cet exemple utilise certaines méthodes pour réaliser cette chose impossible. Les amis intéressés peuvent se référer à ce qui suit.

Comment définir les options du menu déroulant du document Tencent_Tutoriel de configuration des options du menu déroulant du document Tencent Comment définir les options du menu déroulant du document Tencent_Tutoriel de configuration des options du menu déroulant du document Tencent

13 Jun 2024

Tout d'abord, dans un navigateur d'ordinateur, ouvrez le site Web officiel de Tencent Document et cliquez pour saisir un document de tableau en ligne, puis localisez une cellule, cliquez sur [Données] dans la barre de menu, puis cliquez sur [Vérification des données] pour vérifier que la condition est [Abandonner -down List], puis entrez l'option déroulante en anglais. Séparez-les par des virgules, telles que a, b, c. Cliquez sur OK et revenez enfin au tableau pour voir les options du menu déroulant pour a, b, c. .

See all articles See all articles

Hot Tools

jQuery+Html5 réalise un magnifique code d'animation de confession

jQuery+Html5 réalise un magnifique code d'animation de confession

jQuery+Html5 implémente un magnifique code d'animation de confession, l'effet d'animation est génial, un incontournable pour que les programmeurs se confessent !

Code d'effets spéciaux js pour la confession romantique d'un couple

Code d'effets spéciaux js pour la confession romantique d'un couple

Code d'effets spéciaux JS pour la confession romantique des couples. De tels effets spéciaux peuvent être utilisés sur des sites Web de photographie de mariage ou placés sur des sites Web personnels. C'est également un bon effet spécial que le site Web chinois PHP recommande de télécharger !

Simple js aime l'artefact de confession

Simple js aime l'artefact de confession

Artefact de confession d'amour simple en js natif

Effets expressifs d'animation de particules HTML5 de Bunker

Effets expressifs d'animation de particules HTML5 de Bunker

Code d'effets spéciaux d'expression d'animation de particules HTML5 de Bunker, le texte des effets spéciaux d'animation peut être modifié dans le code, vous pouvez créer une page, vous pouvez personnaliser la saisie de texte, il devrait être très populaire, cet effet spécial HTML5 est très beau.

Modèle d'interface de connexion en arrière-plan réactif jQuery

Modèle d'interface de connexion en arrière-plan réactif jQuery

Code source HTML du modèle d'interface de connexion backend réactif jQuery. La page de connexion utilise jquery pour vérifier le formulaire et déterminer si le nom d'utilisateur et le mot de passe répondent aux exigences. Habituellement, la page de connexion est une page qui doit être utilisée sur les sites Web d'entreprise ou les sites Web réactifs des centres commerciaux. pages, lorsque le navigateur effectue un zoom avant ou arrière, l'arrière-plan redimensionnera l'image en fonction du navigateur ! Le site Web chinois PHP recommande le téléchargement !