Zone de liste déroulante <select></select>

Zone de liste déroulante <select></select> - HTML/CSS - Programmation

Marsh Posté le 07-12-2010 à 11:57:31    

Bonjour,
Je suis entrain de développer une application web JavaEE. J'aurai besoin de créer un formulaire avec une zone de liste déroulante avec plusieurs champs. Je voudrais charger ma liste déroulante avec avec 3 champs (id, nom, prénom) par exemple. Je souhaiterais rechercher dans cette liste les personnes par leur id.
 
Bonjour,
Je cherche à créer une zone de liste déroulante en auto-complète avec 3 colonnes. Je m'explique, je voudrais par exemple charger ma liste avec les champs suivantes (matricule, nom, prénom). La recherche dans la liste s'effectue que par matricule.
 
exemple :
---------
le contenu de la liste est mat1, mat2, mat3 ...
 
quand on saisie mat je voudrais que la liste m'affiche :
----------|  |
mat         |V|
----------|  |
+-----+--------+-----------+
|mat1 | dupond | alain         |
|mat2 | martion | julien        |
|mat3 | durant  | stéphane   |
+-----+--------+-----------+
 
Merci d'avance
 

Reply

Marsh Posté le 07-12-2010 à 11:57:31   

Reply

Marsh Posté le 07-12-2010 à 12:07:49    

<select name="pwet">
<option value="mat1">mat1   dupond  alain</option>
</select>


Message édité par flo850 le 07-12-2010 à 12:07:58
Reply

Marsh Posté le 07-12-2010 à 12:23:33    

ou en js, dans les labs de jQuery :
http://jquery-ui.googlecode.com/sv [...] index.html
 
ça a l'air prometteur

Reply

Marsh Posté le 07-12-2010 à 15:43:45    

Merci à tous les deux, la première solution ne marche pas sous IE6 et la deuxième je n'ai pas vraiment trouvé un truc qui corresponds à mon besoin.
 
En fait après la sélection d'un élément je souhaiterai afficher un petit tableau de ce genre :
 
----------|  |
mat         |V|
----------|  |
+---------+--------+-----------+
|matricule | Nom     | Prénom     |
|---------+--------+-----------+
|mat1      | dupond | alain         |
|mat2      | martion | julien        |
|mat3      | durant  | stéphane   |
+--------+---------+-----------+  
 
Merci pour tout

Reply

Marsh Posté le 07-12-2010 à 15:50:54    

Si, je t'assure que ça marche dès ie 1

Reply

Marsh Posté le 07-12-2010 à 15:53:26    

si je comprends bien tu veux :
- un select
- un tableau des éléments sélectionnés
 
Quant une option est sélectionnée, on l'ajoute au tableau.
 
C'est ça ?
 
EDIT : après relecture non.
Explique plus clairement ce que tu veux, là c'est incompréhensible. Tu parles de select et d'autocompletion. J'ai du mal à voire comment ça peut aller ensemble ...

Message cité 1 fois
Message édité par Paulp le 07-12-2010 à 15:55:17
Reply

Marsh Posté le 07-12-2010 à 16:03:15    

Paulp a écrit :

si je comprends bien tu veux :
- un select
- un tableau des éléments sélectionnés
 
Quant une option est sélectionnée, on l'ajoute au tableau.
 
C'est ça ?
 
EDIT : après relecture non.
Explique plus clairement ce que tu veux, là c'est incompréhensible. Tu parles de select et d'autocompletion. J'ai du mal à voire comment ça peut aller ensemble ...


 
Merci pour votre réponse Paulp. Non en fait je souhaite qu'à la saisie de "mat" par exemple on affiche la liste des élement commençant par "mat" mais sous forme d'un tableau comme ceci :  
 
http://nsa19.casimages.com/img/2010/12/07/101207040536757959.png


Message édité par figosat le 07-12-2010 à 16:04:35
Reply

Marsh Posté le 07-12-2010 à 16:11:58    

Donc ça ne peut pas être un select HTML :
on ne peut pas avoir de saisie libre dans un select.
 
Le composant autocomplete de jquery se rapproche de ce que tu cherches. Tu peux personnaliser l'affichage. Pas sous la forme d'un tableau, mais tu peux faire des spans de longueur fixe, et donc simuler les cellules.

Reply

Marsh Posté le 08-12-2010 à 10:57:36    

Merci je vais voir ça

Reply

Marsh Posté le 08-12-2010 à 11:54:52    

Paulp a écrit :

ou en js, dans les labs de jQuery :
http://jquery-ui.googlecode.com/sv [...] index.html
 
ça a l'air prometteur


 
Par contre pour ces exemple je ne vois pas où je pourrai télécharger leur code sources.

Reply

Marsh Posté le 08-12-2010 à 11:54:52   

Reply

Marsh Posté le 08-12-2010 à 12:16:52    

c'est un dépôt SVN.
 
Mais de toutes façons, ça ne répondra pas à ton problème.
 
Ce que tu cherches peut être vu de deux manières :
- un champ select avec saisie libre
- un champ texte avec autocompletion
 
En client lourd, c'est souvent la première approche qui est utilisée.
En HTML, ce n'est pas possible. Un select n'est pas éditable. C'est donc la deuxième solution qu'il te faut.
http://jqueryui.com/demos/autocomplete/
Tu peux ajouter un bouton qui lance la recherche à coté de l'input, pour simuler un champ select (méthode select du autocomplete)

Reply

Marsh Posté le 08-12-2010 à 14:42:21    

Merci Paulp

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed