Forum « Récupérer les valeurs du script "Bascule" »

Forum « Programmation Javascript » (archives)

Récupérer les valeurs du script "Bascule"

Envoyé: 11 mars 2004, 10h18 par nunor

Bonjour,
je cherche à dynamiser le script "Basculer des éléments d'une liste à l'autre"
J'arrive à alimenter les deux listes par des résultats mysql.
Par contre comment récupérer ensuite les valeurs multiples de la liste2 ?
voici le script:
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">

function Deplacer(l1,l2) {
if (l1.options.selectedIndex>=0) {
o=new Option(l1.options[l1.options.selectedIndex].text,l1.options[l1.options.selectedIndex].value);
l2.options[l2.options.length]=o;
l1.options[l1.options.selectedIndex]=null;
}else{
alert("Aucune activité sélectionnée");
}
}
</SCRIPT>
</HEAD>

<BODY bgcolor="#FFFFFF">
<FONT FACE="Arial" SIZE='-1' COLOR="#000099">

<CENTER><BIG><B>Basculer des éléments d'une liste à l'autre</B></BIG></CENTER>
<BR>

Cécessite des versions 4 et + de Netscape ou Internet Explorer.<BR>

<FORM name="formulaire">

<TABLE><TR>
<TD align="center"><B><FONT size="2">Activités proposées</FONT></B><BR>
<SELECT align=top name="liste1" size=6 style="width:120px">
<OPTION value="Planche">Planche à voile</OPTION>
<OPTION value="Plongée">Plongée</OPTION>
<OPTION value="Jet-Ski">Jet-Ski</OPTION>
<OPTION value="Tir à l'arc">Tir à l'arc</OPTION>
<OPTION value="Pétanque">Pétanque</OPTION>
<OPTION value="Bronzette">Bronzette</OPTION>
</SELECT>
</TD>
<TD align="center">
<INPUT type="button" value="Ajouter >>>" onClick="Deplacer(this.form.liste1,this.form.liste2)">
<BR><BR>
<INPUT type="button" value="<<< Enlever" onClick="Deplacer(this.form.liste2,this.form.liste1)">
</TD>
<TD align="center"><FONT size="2"><B>Activités retenues</B></FONT><BR>
<SELECT align=top name="liste2" size=6 style="width:120px">
<OPTION value="10">----------------------</OPTION>
</SELECT>
</TD>
</TR></TABLE>
<SCRIPT language="javascript">
// Astuce pour Netscape qui ne supporte pas style="width:100"
// Donc : création d'une ligne pour initialiser la largeur puis suppression par ce javascript
document.formulaire.liste2.options.length=0;
</SCRIPT>
</FORM>

<BR>
</FONT></BODY></HTML>