Menu déroulant du champ de recherche jQuery
Menu déroulant du champ de recherche jQuery
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>
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
Pourquoi mon menu déroulant est-il caché derrière mon champ de saisie dans IE7??
14 Dec 2024
IE7?: Comprendre la confusion en matière de superposition d'index ZIE7 présente des complexités dans l'application du z-index pour la superposition d'éléments. Comprendre comment...
Comment créer un menu de navigation déroulant avec HTML5, CSS3 et JQuery
04 Mar 2025
Ce didacticiel montre la construction d'un menu de navigation déroulant réactif à l'aide de HTML5, CSS3 et JQuery. Nous couvrirons la structure HTML, le style CSS et la fonctionnalité JQuery pour créer une expérience fluide et conviviale. Configuration du projet: Créer un
Comment sélectionner les valeurs du menu déroulant à l'aide de Selenium en Python??
03 Jan 2025
Sélection d'une valeur de menu déroulant avec Selenium en PythonLors de l'interaction avec des formulaires Web, la sélection de valeurs dans les menus déroulants est une tache courante....
Comment puis-je ajouter efficacement des options à un menu déroulant à l'aide de jQuery??
28 Nov 2024
Amélioration des menus déroulants avec jQuery?: ajout d'options à un Dans le domaine du développement Web, les menus déroulants sont souvent utilisés pour offrir...
Comment convertir une liste non ordonnée en un menu déroulant stylisé à l'aide de jQuery??
10 Nov 2024
Création de menus déroulants stylisés à partir de listes non ordonnées avec jQueryConversion d'une liste non ordonnée en une liste déroulante élégante et fonctionnelle...
Quatre méthodes pour corriger l'ouverture du menu de recherche Windows en soi
26 Apr 2025
Certaines personnes ont rencontré que leur recherche Windows continue de faire appara?tre par elle-même et perturbe les opérations normales sous Windows. Vous pouvez rechercher des correctifs utiles pour le dépannage et dans cet article sur le site Web php.cn, nous énumérons les méthodes un par
La recherche de menu Win 11 Démarrer ne fonctionne pas du tout
01 Aug 2025
RestartWindowSExplorerAndSearchProcesmesviataskManagetoResolvetemporaryGlitches.2.Runthefuilt-insearchandIndexingTrouleshooTerToDeTectandFixCommonissues.3.RebuildThewindowSearchIndexThroughAdWind
Utilisation efficace des données JSON dans les modèles de lame Laravel: du chargement au menu déroulant dynamique
25 Jul 2025
Ce tutoriel détaille comment traiter les données JSON dans une application Laravel et la rendre efficacement dans un modèle de lame. Le contenu couvre la lecture et l'analyse des fichiers JSON à partir du contr?leur, passant des données à la vue et générant dynamiquement des menus déroulants HTML à l'aide de la directive @Foreach dans le modèle de lame. En outre, l'article explore également l'idée d'implémenter davantage les menus déroulants de liaison à plusieurs niveaux basés sur les données JSON pour aider les développeurs à créer une interface utilisateur plus interactive.
Comment accéder aux propriétés d'objet avec des caractères spéciaux en JavaScript ?
01 Jan 2025
Accès aux propriétés d'objet avec des caractères spéciauxAccès aux propriétés d'objet avec des caractères spéciaux, tels que des points ou autres...
Outils chauds Tags
Outils chauds
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 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
Artefact de confession d'amour simple en js natif
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
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?!