Salut,
en fait, le problème est plus compliqué que ca. J'aurais du vous donner le code sources dès le départ. Il ne s'agit pas d'un simple option et d'un textfield, mais d'un formulaire avec 3 listes dépendantes dont je me suis inspiré là dessus:
[ Lien ]Sauriez-vous faire en sorte que lorsque je clique sur 'Ajouter une portée', le même formulaire se duplique autant de fois que nécessaire, tout en conservant les variables saisies?
Je vous confie mon code source.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<center>
<p align="center">Indiquez-ici les informations sur vos nouvelles portées.</p>
<hr>
<form enctype="multipart/form-data" name="form1" id="form1" method="post" action="">
<select name="lstEspece" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>---Choisir Espèce---</option>
<option>Chien</option>
<option>Chat</option>
</select>
<select name="lstLofLoof" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value="#" selected>---Choisir LOF/LOOF---</option>
</select>
<select name="lstRace" size="1">
<option value="#" selected>---Choisir Race---</option>
</select>
<p>
<SCRIPT language="JavaScript">
<!--
var groups=document.form1.lstEspece.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("---Choisir LOF/LOOF---","#");
group[1][0]=new Option("---Choisir LOF/LOOF---","#");
group[1][1]=new Option("LOF","#");
group[1][2]=new Option("NON LOF","#");
group[2][0]=new Option("---Choisir LOF/LOOF---","#");
group[2][1]=new Option("LOOF","#");
group[2][2]=new Option("NON LOOF","#");
var temp=document.form1.lstLofLoof
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}
var secondGroups=document.form1.lstLofLoof.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}
secondGroup[0][0][0]=new Option("---Choisir Race---","#");
secondGroup[1][0][0]=new Option("---Choisir Race---","#");
secondGroup[1][1][0]=new Option("---Choisir Race---","#");
var ligne= 'Affenpinscher'
secondGroup[1][1][1]=new Option(ligne, "")
var ligne= 'Balkanski Gonic'
secondGroup[1][1][2]=new Option(ligne, "")
var ligne= 'Cairn Terrier'
secondGroup[1][1][3]=new Option(ligne, "")
var ligne= 'Dalmatien'
secondGroup[1][1][4]=new Option(ligne, "")
secondGroup[1][2][0]=new Option("---Choisir Race---","#");
var ligne= 'English Springer Spaniel'
secondGroup[1][2][1]=new Option(ligne, "")
var ligne= 'Fox Terrier'
secondGroup[1][2][2]=new Option(ligne, "")
var ligne= 'Golden Retriever'
secondGroup[1][2][3]=new Option(ligne, "")
var ligne= 'Jack Russel Terrier'
secondGroup[1][2][4]=new Option(ligne, "")
secondGroup[2][0][0]=new Option("---Choisir Race---","#");
secondGroup[2][1][0]=new Option("---Choisir Race---","#");
var ligne= 'ABYSSIN'
secondGroup[2][1][1]=new Option(ligne, "")
var ligne= 'AMERICAN BOBTAIL'
secondGroup[2][1][2]=new Option(ligne, "")
var ligne= 'AMERICAN CURL'
secondGroup[2][1][3]=new Option(ligne, "")
var ligne= 'AMERICAN SHORTHAIR'
secondGroup[2][1][4]=new Option(ligne, "")
secondGroup[2][2][0]=new Option("---Choisir Race---","#");
var ligne= 'AMERICAN WIREHAIR'
secondGroup[2][2][1]=new Option(ligne, "")
var ligne= 'ANGORA TURC'
secondGroup[2][2][2]=new Option(ligne, "")
var ligne= 'BALINAIS'
secondGroup[2][2][3]=new Option(ligne, "")
var ligne= 'BENGAL'
secondGroup[2][2][4]=new Option(ligne, "")
var temp1=document.form1.lstRace
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.form1.lstEspece.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.form1.lstEspece.options.selectedIndex][y][i].text,secondGroup[document.form1.lstEspece.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}
//-->
</SCRIPT>
</p>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="75"><div align="left">Nombre: </div></td>
<td width="18"><input name="txtNb" type="text" id="txtNb" size="3" maxlength="2"></td>
<td width="162"><div align="center">Date de naissance: </div></td>
<td width="331"><div align="center">
<input name="txtJJ" type="text" id="txtJJ" size="2" maxlength="2">
/
<input name="txtMM" type="text" id="txtMM" size="2" maxlength="2">
/
<input name="txtAA" type="text" id="txtAA" size="2" maxlength="2">
<span class="style5">(jj/mm/aa)</span></div></td>
<td width="72"><div align="center">Prix:</div></td>
<td width="108"><div align="center">
<input name="txtPx" type="text" id="txtPx" size="7" maxlength="7">
€</div></td>
</tr>
</table>
<div align="center">
<p align="center">Photo de la portée:
<input type="hidden" name="posted" value="1" />
<input name="fichier" type="file" />
</div>
</form>
<hr>
<input type="submit" name="Submit" value="Valider">
<br>
<br>
<a href="#">Ajouter une autre portée</a>
</center>
</html>
Aperçu de la pageMerci pour votre aide
Son of the Sun