11548 sujets

JavaScript, DOM et API Web HTML5

Salut à tous,

J'aurais besoin d'aide pour la création de 2 listes déroulantes (combobox) conditionnelles.

J'ai réussi à relier les 2 entre elles mais je n'arrive pas à faire en sorte que la 2ème liste génère l'envoi vers une page.
Ainsi, si je sélectionne "Homme", la 2ème liste me propose des choix propres aux hommes: exemple: "voiture", "montre" etc... Je voudrais que si je sélectionne "Montre" je sois envoyé vers une page spécifique (en l'occurence une iframe).

Voilà mon code, j'ai supprimé la fonction AllerA qui d'après moi devait déclencher l'appel de la page mais en vain. Alors si vous aviez l'extrême gentillesse de m'écrire la fin du code Smiley smile ou lien vers un exemple qui marche Smiley smile

Un grand merci d'avance.
Zed



Les listes déroulantes :


                    	<FORM id="list">Vous êtes : <br />
                        	<SELECT NAME="Rubrique" onChange='Choix(this.form)'>
                            	<OPTION>--- Choisir un type ---</OPTION>
                                <OPTION>Homme</OPTION>
                                <OPTION>Femme</OPTION>
                                <OPTION>Enfant</OPTION>
                                <OPTION>Parent</OPTION>
							</SELECT> , votre besoin : 
                            <SELECT NAME="Page">
                            	<OPTION>--- Choisir un besoin ---</OPTION>
                                <OPTION></OPTION>
                                <OPTION></OPTION>
                                <OPTION></OPTION>
                                <OPTION></OPTION>
							</SELECT>              
						</FORM>


Le javascript

<SCRIPT language="JavaScript">
<!--
function Choix(form) {
i = form.Rubrique.selectedIndex;
if (i == 0) {
  for (i=0;i<4;i++) {
    form.Page.options[i].text="";
    }
  return;
  }
form.Page.selectedIndex = 0;
switch (i) {
case 1 : var txt = new Array ('voiture','montre','voyage'); break;
case 2 : var txt = new Array ('bague','coiffure','beaute'); break;
case 3 : var txt = new Array ('Prise de rendez-vous','Prise de rendez-vous','Prise de rendez-vous'); break;
case 4 : var txt = new Array ('Prise de rendez-vous','Prise de rendez-vous','Prise de rendez-vous'); break;
}
form.Page.options[0].text="--- Choisissez un besoin ---";
for (i=0;i<3;i++) {
  form.Page.options[i+1].text=txt[i];
  }
} 
// -->
</SCRIPT>
[/i][/i]