Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1264 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°2040461
figosat
Posté le 07-12-2010 à 11:57:31  profilanswer
 

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
 

mood
Publicité
Posté le 07-12-2010 à 11:57:31  profilanswer
 

n°2040463
flo850
moi je
Posté le 07-12-2010 à 12:07:49  profilanswer
 

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


Message édité par flo850 le 07-12-2010 à 12:07:58
n°2040474
Paulp
~, sweet ~
Posté le 07-12-2010 à 12:23:33  profilanswer
 

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

n°2040510
figosat
Posté le 07-12-2010 à 15:43:45  profilanswer
 

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

n°2040511
flo850
moi je
Posté le 07-12-2010 à 15:50:54  profilanswer
 

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

n°2040512
Paulp
~, sweet ~
Posté le 07-12-2010 à 15:53:26  profilanswer
 

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
n°2040513
figosat
Posté le 07-12-2010 à 16:03:15  profilanswer
 

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
n°2040514
Paulp
~, sweet ~
Posté le 07-12-2010 à 16:11:58  profilanswer
 

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.

n°2040693
figosat
Posté le 08-12-2010 à 10:57:36  profilanswer
 

Merci je vais voir ça

n°2040721
figosat
Posté le 08-12-2010 à 11:54:52  profilanswer
 

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.

mood
Publicité
Posté le 08-12-2010 à 11:54:52  profilanswer
 

n°2040745
Paulp
~, sweet ~
Posté le 08-12-2010 à 12:16:52  profilanswer
 

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)

n°2040790
figosat
Posté le 08-12-2010 à 14:42:21  profilanswer
 

Merci Paulp


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Actualiser une liste de données tirées d'une table Mysql en PHPEquivalent du SELECT de MySQL en PHP/XML? Extraire une donnée spécifiq
Comment remplacer un caractère dans une très longue listePb deux liste en PHP
Récuperer une liste de valeurs a partir d'une hierarchie en htmlcomment gérer les curseur dans un ResultSet avec "select"
les champ d'une liste deroulante depende d'un champs.Attribuer un nombre à du texte sur liste déroulante
Plus de sujets relatifs à : Zone de liste déroulante <select></select>


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR