1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59
|
<SCRIPT LANGUAGE="JavaScript">
<!--
function passer(ajout, suppression)
{
var ajouter = document.getElementById(ajout);
var supprimer = document.getElementById(suppression);
var selected_option = new Array ();
/*récupération des valeurs sélectionnée et assignation dans l'arrey selected_option */
for (i=0; i<supprimer.options.length; i++){
if(supprimer.options[i].selected){
selected_option[selected_option.length]=supprimer.options[i].text;
}
}
/*supprimer l'option de la liste pour chaque valeur récupérée plus haut */
for (i=0; i<supprimer.options.length; i++){
if(supprimer.options[i].selected){
supprimer.options[i]= null;
i--;
}
}
/*insertion d'une nouvelle option a l'autre liste pour chaque valeur récupérée plus haut */
for (i=0; i<selected_option.length; i++){
ajouter[ajouter.length] = new Option(selected_option[i]);
}
}
// -->
</SCRIPT>
<body>
<fieldset><legend>Test</legend>
<table>
<tr>
<td>Année de référence<td/>
<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('out', 'annee_ref')">
</td>
<td>
<input type="button" value="<<" onclick="passer('annee_ref', 'out')">
</td>
<td>
<select id="out" name="sortie" multiple="multiple" size="5">
</select>
</td>
</tr>
</table>
</fieldset>
</body>
</html> |