Bonjour
J'ai deux champs texte dans l'exemple ci dessous, dans mon cas concret il pourra y en avoir une vingtaine.
Or je n'arrive pas a ce que chaque champs texte opère avec les menu déroulant lui correspondant.
Voici mon code :
<html>
<head>
<script language="javascript">
function affichechoix(texte)
{
if (texte.value!="0") {
for (var i=1; i<=99; i++) {
var indice = "alex" + i;
document.getElementById(indice).style.display= 'none';
}
for (var i=1; i<=texte.value; i++) {
var indice = "alex" + i;
document.getElementById(indice).style.display= 'block';
}
}
}
function affichelol(texte)
{
if (texte.value!="0") {
for (var i=1; i<=99; i++) {
var indice = "alex" + i;
document.getElementById(indice).style.display= 'none';
}
for (var i=1; i<=texte.value; i++) {
var indice = "alex" + i;
document.getElementById(indice).style.display= 'block';
}
}
}
</script>
</head>
<body>
<FORM ACTION="/prive/petite_annonce/affiche_annonce.php" method="post" name="form1" >
<INPUT type="text" onChange="affichechoix(this)" name="triprincipal" ></INPUT>
<p><center>
<?php
for ($i=1; $i<100; $i++){
?>
<div id="alex<?php echo $i; ?>" style="display:none">
<SELECT name="alex<?php echo $i; ?>" value="alex<?php echo $i; ?>">
<OPTION VALUE="S">A</OPTION>
<OPTION VALUE="M">B</OPTION>
<OPTION VALUE="L">C</OPTION>
<OPTION VALUE="XL">D</OPTION>
<OPTION VALUE="XXL">E</OPTION>
<OPTION VALUE="XXXL">F</OPTION>
</SELECT></div>
<?php
}
?>
</center>
<br />
<INPUT type="text" onChange="affichelol(this)" name="triprincipal" ></INPUT>
<p><center>
<?php
for ($i=1; $i<100; $i++){
?>
<div id="alex<?php echo $i; ?>" style="display:none">
<SELECT name="alex<?php echo $i; ?>" value="alex<?php echo $i; ?>">
<OPTION VALUE="S">F</OPTION>
<OPTION VALUE="M">G</OPTION>
<OPTION VALUE="L">H</OPTION>
<OPTION VALUE="XL">I</OPTION>
<OPTION VALUE="XXL">J</OPTION>
<OPTION VALUE="XXXL">K</OPTION>
</SELECT></div>
<?php
}
?>
</center>
<br />
<input type="submit" name="go" value="Afficher les annonces" />
</form>
</body>
</html>