Problème de liste déroulante

cs_mikeV Messages postés 11 Date d'inscription vendredi 10 juin 2005 Statut Membre Dernière intervention 15 mars 2006 - 15 mars 2006 à 10:21
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 - 15 mars 2006 à 11:16
Bonjour j'ai un problème avec mon code, j'ai une liste déroulante et je
voudrais que quand je séléctionne le premier élément de la liste il
m'affiche une deuxième liste déroulante, je met le code que j'ai avec,
merci de me dire ou je me suis trompé



<html>

<head>

<title></title>



<script type="text/javascript">

<!-- Debut



function Choix(formulaire) {



etat= this.form.elements['liste'].options[this.form.elements['liste'].selectedIndex].value

if (etat == "rub")

{

document.getElementByName("liste").style.visibility="visible";

}





// Fin -->

</script>



</head>





<form action="#" name="formulaire">

<select name="Boite1" onChange="Choix(this.form);" >

<option selected>--- Choisissez une rubrique ---</option>

<option value="rub">Rubrique 1 </option>

<option>Rubrique 2</option>

<option>Rubrique 3</option>

</select>







<select name="Boite2" style="hidden">

<option selected>--- Choisissez un script ---</option>

<option>abus la race</option>

<option>aaa</option>

<option>zzzz</option>

</select>

-




</form>



</html>

1 réponse

cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
15 mars 2006 à 11:16
Bonjour,
plusieurs petites erreurs...

<html>
<head>
<title></title>


<script type= "text/javascript">
<!-- Debut


function Choix(formulaire) {


etat = formulaire.options[formulaire.selectedIndex].value;
// this ne colle pas ici, il faut utiliser le paramètre passé
if (etat == "rub")
// on peut aussi tester formulaire.selectedIndex==1 par exemple
{
document.getElementById("liste").style.visibility="visible";
}

} // manquant
// Fin -->
</script>


</head>


<form action="#" name="formulaire">
<select name="Boite1" onChange="Choix(this);" >
<!-- this c'est l'objet sur lequel on est, this.form n'a donc pas de sens -->
<option selected>--- Choisissez une rubrique ---</option>
<option value="rub">Rubrique 1 </option>
<option>Rubrique 2</option>
<option>Rubrique 3</option>
</select>

<!-- on peut aussi mettre ce style directement dans le select, div un peut inutile -->
<select name="Boite2">
<option selected>--- Choisissez un script ---</option>
<option>abus la race</option>
<option>aaa</option>
<option>zzzz</option>
</select>
-


</form>

</html>

le mieux, quand même, c'est d'activer le debugger
IE et FF donneront déja la ligne en erreur.
avec IE, si on télécharge en plus le debbugger
commun à VBscript/Javascript, gratis chez MicroSoft,
il permet de faire du pas à pas, de visualiser le contenu
des variables, peut servir pour saisir le javascript
avec "complétion de code"...
connaissant très peu FF, je ne sais pas s'il peut faire plus.

Cordialement. Bul. ~ Mon Site qu'il est à Moi ~<FO>

</FO>
</S< body>
0
Rejoignez-nous