Bonjour,
j'ai voulu créer un moyen de choisir entre 2 options (bouton radio) et selon l'option choisi, le menu déroulant affiche des données différentes. Ce code marche très bien sous firefox mais sur IE, quand on clique sur un bouton radio, la liste déroulante est vide. Est-ce que qeulqu'un pourrait m'aider à résoudre ce problème, merci.
Voici le code:
<html>
<script type="text/javascript">
function changeForm(id,val) {
document.getElementById(id).innerHTML = opt[val];
}
function Envoi()
{
var d = document;
var erreurs="";
// Couleur de texte des champs si erreur saisie utilisateur
color_font_warn="#000";
// Couleur de fond des champs si erreur saisie utilisateur
color_form_warn="#CCC";
champ = d.formtaux.nbre_revenu;
if(champ.value == ""){
erreurs+="<li><span class='txterror'>Le champ « Nombre de revenus » n'a pas été défini.</span>";
champ.style.backgroundColor = color_form_warn;
champ.style.color = color_font_warn;
}
champ = d.formtaux.revenu;
if(champ.value == ""){
erreurs+="<li><span class='txterror'>Le champ « Vos revenus » n'a pas été défini.</span>";
champ.style.backgroundColor = color_form_warn;
champ.style.color = color_font_warn;
}
if(erreurs == "") {
return true;
}
else {
d.getElementById("erreurs").style.display = "block";
d.getElementById("liste-erreurs").innerHTML = erreurs;
return false;
}
}
</script><body>
<form action="" method="post" id="formtaux" name="formtaux" onsubmit="return Envoi();">
<div>
<input id="nbre_revenu1" name="nbre_revenu" type="radio" value="1revenu" onClick="changeForm('revenu1','opt1')" /> 1 revenu
<input id="nbre_revenu2" name="nbre_revenu" type="radio" value="2revenus" onClick="changeForm('revenu1','opt2')" /> 2 revenus
</div>
<?php
include ("admin/connexion.php");
$res=mysql_query("SELECT DISTINCT revenu1 FROM calcul_taux");
$nb=mysql_num_rows($res);
echo '<script type="text/javascript">';
echo 'opt = new Array();';
echo 'opt["opt1"] = \'<option selected value=""></option>\';';
while ($raw=mysql_fetch_array($res))
{
echo 'opt["opt1"] = opt["opt1"]+\'<option value="'.$raw['revenu1'].'">'.$raw['revenu1'].' €</option>\';';
}
$res=mysql_query("SELECT DISTINCT revenu2 FROM calcul_taux");
$nb=mysql_num_rows($res);
echo 'opt["opt2"] = \'<option selected value=""></option>\';';
while ($raw=mysql_fetch_array($res))
{
echo 'opt["opt2"] = opt["opt2"]+ \'<option value="'.$raw['revenu2'].'">'.$raw['revenu2'].' €</option>\';';
}
mysql_close();
echo '</script>';
?>
<select id="revenu1" name="revenu">
<option selected value=""></option>
</select> </form>
</body>
</html>