Bonjour,

Dans un page html, j'aimerais faire passer des valeurs de la liste <select> "annee_ref" vers une autre liste identifiée "out".

Voilà mon code html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<td>
<select id="annee_ref" name="anneeRef" multiple="multiple" size="5">
	<option>1999</option>
	<option>2000</option>
	<option>2001</option>
</select>
<td/>
<td>
      <input type="button" value=">>" onclick="passer_droite()">
</td>
<td>
	<input type="button" value="<<" onclick="passer_gauche()">
</td>
j'ai bricolé une fonction qui me permet de passer un valeur à la fois :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
function passer_droite(){
 
var valeur_liste =document.getElementById('annee_ref').options[document.getElementById('annee_ref').selectedIndex].text;
var long_liste = document.getElementById('out').length;
document.getElementById('out')[long_liste] = new Option(valeur_liste);
	}
Or mon select a l'attribut 'multiple', j'aimerais donc faire passer plusieurs valeurs à la fois, je me doute que je dois utiliser une boucle for, mais je n'arrive pas à intégrer celle-ci dans ce script.

Si quelqu'un peut m'orienter vers une solution, je suis preneur...