Affichage dans un input text suivant sélection dans une liste

Bonjour ^^

je bloque sur un problème qui ne doit pas être des plus difficiles pour des javascripteurs plus doués que moi (ça non plus ça n'est pas bien difficile).

J'ai une liste à choix multiple :

Code:

---

1 2 3 4 5 6 7

<input type='text' class=d name='flag' id='flag' value=''> <select name='listflag' id='listflag' multiple='multiple' class=d onChange="choiceflag();"> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select>

---

Quand je fais un choix, j'affiche ce choix dans le input d'à côté.

Code:

---

1 2 3 4 5 6

function choiceflag() { var flagchoice = document.getElementById('listflag').value; document.getElementById('flag').value = flagchoice; }

---

Jusque là, pas de problème. Par contre, si je fais plusieurs choix dans ma liste (comme elle est multiple), comment puis-je faire pour tous les afficher dans mon input ? (séparés par une virgule si possible).

Par exemple, je sélectionne "Option 1" et "Option 2" et j'affiche dans mon input text : Option 1,Option 2

J'ai regardé du côté de split() ou implode() mais ça ne m'a pas l'air d'être bien ça, donc si vous avez une méthode ... =)

Donné aux moins deux fois aujourd'hui !!!

Code:

---

var flagchoice = document.getElementById('listflag').options[document.getElementById('listflag').selectedIndex].value;

---

ou alors :

Code:

---

1 2 3 4 5

function choiceflag(ValSel) { document.getElementById('flag').value = ValSel; }

---

et

Code:

---

1 2	<select name='listflag' id='listflag' multiple='multiple' class=d onChange="choiceflag(this.value);">

---

Curieusement le value est compris dasn la balsie mais pas en dehors ..

Sauf que moi ça ne fonctionne pas ... =S

[EDIt] Je teste la seconde solution [/EDIT]

[EDIT2] Hum, ben non ça ne fonctionne pas. Il faut bien que je mette le multiple='multiple' pour que je puisse sélectionner plusieurs valeurs ? Enfin ça me parait logique. [/EDIT2]

parceque ton code html n'est pas correct tes options n'ont pas de value ...

soit tu leur ajoutes un value soit tu remplace value par innerText ou innerHTML

masi attention ton select étant multiple il ne prend que la première ...


si tu veux une concatenation de la selection il va falloir boucler ...

J'ai rajouté les value à mes options, c'est vrai que sur le coup je n'avais pas tilté.

Mais au final ça ne me change rien vu que j'arrivais à afficher ce que je sélectionne.

Citation:

---

ton select étant multiple il ne prend que la première ...

si tu veux une concatenation de la selection il va falloir boucler ...

---

Si j'enlève le multiple, est-ce qu'avec une liste déroulante basique, il me "suffirait" de boucler tant qu'il y a un onChange (et donc sélection de quelque chose) ?

Quant à la boucle je dois boucler sur quoi ? sur le onChange détecté ?

sur le oncahge tu boucles sur les options du select et tu ajoute les selected dans l'input ...

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<script type="text/javascript"> function choiceflag() { var flagchoice for(i=0;document.getElementById('listflag').options[i];i++){ flagchoice += (document.getElementById('listflag').options[i].selected==true)?document.getElementById('listflag').options[i].value +" ;":''; } document.getElementById('flag').value = flagchoice; } </script>

---

C'est nickel SpaceFrog =D par contre un petit problème : quand je sélectionne la prmeière valeur (donc que je passe d'input vide à input avec une valeur), il m'écrit un undefined devant oO

Exemple : undefinedOption1
Mais si je rajoute après option 2, je n'aurai pas le undefined devant Option2
Ca n'arrive que si je sélectionne une seule valeur.

Sinon question à part :

Code:

---

flagchoice +=

---

Le + signifie quoi exactement ? Qu'on ajoute ce qu'il y a déja ou ... ??

mets

Code:

---

var flagchoice=''

---

+= ajoute au contenu existant

Ah ouai ça j'aurai pu le trouver moi-même :aie:
Et merci pour l'info du += ^^

Merci beaucoup c'est impeccable !