bonjour ts le monde,
j'ai un problème avec une fonction javascript dont le code est le suivant:

<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("Aucun élément sélectionné");
}
}
</SCRIPT>

cette fonction déplace les éléments d'une liste (select) à une autre.
mon prob c'est que les select de mon formulaire sont générées d'une façon dynamique (page jsp d'un projet struts), alors je n'arrive pas à appeler correctement cette fonction soit en mentionnant le nom de l'élément select ou en mentionnant le numéro d'ordre ds le formulaire.les boutons "ajouter" et "supprimer" ci-dessous ne fonctionnent pas.

voici les formulaire utilisés:

<form name="card">
<TABLE width="75%" border="0">
<TR>
<TD><TABLE>
<TR><TD><STRONG> Code Client</STRONG></TD></TR>
<logic:iterate name="clients" id="client">
<tr>
<TD><bean:write name="client" property="clientCode"/></TD>
</tr>
</logic:iterate>
</TABLE></TD>

<TD><TABLE>
<TR><TD><STRONG>Code Carte</STRONG></TD></TR>
<logic:iterate name="cartes" id="cardByClient">
<TR>
<TD>
<% System.out.println("kkkkkk"); %>
<logic:iterate name="cardByClient" id="card">
<html:select name="card" property="cardNumber">
<html:options collection="cardByClient" property="cardNumber" />
</html:select>
</logic:iterate>
</TD>
</TR>
</logic:iterate>
</TABLE></TD>
</TR>
</TABLE>
</form>

**********************************************
<html:form action="validerCartes" name="cartesForm" type="com.hps.struts.form.CartesForm">
<table width="73%" border="0">
<tr>
<td><STRONG> Code Carte</STRONG></td>
</tr>
<tr>
<td><select property="cardNumber" multiple="true"></select></td>
</tr>
<TR><td><html:submit property="validerCartes" value="OK"/></td></TR>
</table>
</html:form>
*****************************************************
et voici comment j'appelle la fonction javascript:
<input type="button" value="Ajouter" onClick="Deplacer(document.forms[0].elements['card'],document.forms[1].elements[0])"/>
<input type="button" value="Supprimer" onClick="Deplacer(document.forms[1].elements[0],document.forms[0].elements['card'])"/>


merci d'avance pour votre help.