1. Accueil
  2. Javascript
  3. Sources Javascript
  4. Sources Formulaire
  5. Plugin jquery liste modifiable (combo) autocomplétée

Plugin jquery liste modifiable (combo) autocomplétée

0/5 (3 avis)

Vue 7 003 fois - Téléchargée 875 fois

Télécharger le projet
Commenter

Description

Affiche une liste d'options et autocomplete un champ de saisie (input) afin de permettre de trouver et sélectionner une valeur

nouvelle version 2.0 165 lignes de code seulement

tester avec jquery v2.0.1 sur chrome31.0 FF 26.0 (sur IE 11.0 ne fonctionne pas correctement pour l'instant)
Télécharger le projet

Codes Sources

A voir également

Ajouter un commentaire Commentaires
jjDai
Messages postés
291
Date d'inscription
vendredi 21 février 2003
Statut
Membre
Dernière intervention
13 mars 2015
8 oct. 2011 à 14:27
Oui mais si je connais pas le contenu de la liste comment faire taper au hasard une lettre puis effacer pour recommencer.
En plus le fait d'avoir le bouton signale de suite pour un utilisateur lamda qu'il y a une liste, sinon on ne sait pas tant qu'on a pas saisi un caractère.

JJDAI
cs_medkarim
Messages postés
18
Date d'inscription
mercredi 21 juillet 2004
Statut
Membre
Dernière intervention
19 mars 2014
8 oct. 2011 à 13:27
j'ai jugé qu'il n'était pas nécessaire d'avoir un bouton pour dérouler la liste, puisqu'elle s'ouvre dès que l'input reçoit le focus ou en appuyant la touche entrée, bas ou haut, et elle se ferme dès qu'une option est sélectionnée (clic, touche tabulation ou entrée), en appuyant la touche échappe ou lorsque l'input perd le focus.

usage:
$("selecteur").combo({max_list_height:100,width:null,ignorecase:true,contain:false,data:mesoptions);
$("selecteur").combo_data(mesnouvellesoptions)

max_list_height: hauteur maximale de la liste [optionnel valeur par défaut 100px]
width: largeur de la liste en px [optionnel valeur par défaut null,la liste prend alors la largeur de l'input cible]
ignorecase: ignore la casse[optionnel valeur par défaut true]
contain: false affiche les options qui commence avec le pattern, true affiche les options qui contiennent le pattern n'import où [optionnel valeur par défaut false]

mesoptions, mesnouvellesoptions: tableau javascript
jjDai
Messages postés
291
Date d'inscription
vendredi 21 février 2003
Statut
Membre
Dernière intervention
13 mars 2015
8 oct. 2011 à 12:23
bonjour
Dommage il n'y a pas de bouton pour dérouler la liste.
Pas de commentaire notamment pour expliquer comment l'utiliser ou ajouter une deuxième liste.

J'en cherchais une depuis longtemps et j'ai eu eu beaucoup de mal à en trouver qui fonctionne correctement pour ceux que cela intéresse celle ci est excellente:
http://www.dhtmlgoodies.com/index.html?page=formWidgets
JJDAI
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_medkarim)