begin process at 2012 02 12 11:12:40
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Menu déroulant en fonction d'un autre


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Menu déroulant en fonction d'un autre

mercredi 18 mars 2009 à 04:10:06 | Menu déroulant en fonction d'un autre

lavm01

Bonjour,

Comment construire un menu déroulant en javascript en fonction du choix de 2 autres menus déroulant. Ex:

<b>Votre Nom: </b>
 <select id="nm1" name="nm1">
 <option value="-1">????????????</option>
 <option value="Lapierre">Lapierre</option>
 <option value="Drapeau">Drapeau</option>
 </select></td>
<td id="nm1_check">&nbsp;</td>
<HR>

<P align="left"><b>Votre deuxième choix</b>
<tr>
<td>
 <b>Votre Nom #2: </b>
 <select id="nm2" name="nm2">
 <option value="-1">????????????</option>
 <option value="Goulet">Goulet</option>
 <option value="Levesque">Levesque</option>
 </select></td>
<td id="nm2_check">&nbsp;</td>
</tr> 

C'est la mon problème, j'aimerais construire un au select en fonction du choix des 2 premiers select exemple si on choisi Lapierre dans le premier select et Levesque dans le 2ieme select donc dans le 3ieme select j'aimerais voir par exemple "Aimez-vous mieux: Lapierre ou Levesque"

Donc dans le 3ieme select il faudrait mettre les 2 noms choisi dans les 2 premier select cela peut-être autant Drapeau, Goulet, Drapeau, Levesque dépend de ce que l'utilisateur à choisi.

Merci  de votre aide.

Good job....

mercredi 18 mars 2009 à 10:39:24 | Re : Menu déroulant en fonction d'un autre

Bul3

Membre Club


Bonjour,

>>Comment construire un menu déroulant en javascript
>>en fonction du choix de 2 autres menus déroulant
t'as pas du chercher bien longtemps !!!!
question maintes fois posée donc de nombreuses réponses à ce sujet !

néanmoins ( ou handicapé nasal, comme tu veux )
un ch'tiot exemple ici ( pur javascript, pur php, ajax )

pour le 3ème qui dépend des 2 autres, tu adapteras...

Cordialement [mon Site] [M'écrire] Bul
mercredi 18 mars 2009 à 17:07:33 | Re : Menu déroulant en fonction d'un autre

lavm01

Bonjour,

Je me suis peut-être mal exprimé, dans le premier menu déroulant celui avec la petit flèche vers le bas (pas une boîte de liste) l'utilisateur devra choisir parmis quelques choix même chose pour le 2ieme menu.

Mais dans la troisième menu j'aimerais retrouver le choix du premier et du deuxième menu que l'utilisateur aura fait, comme dans l'exemple ci-haut si l'utilisateur choisi Lapierre à partir du premier menu et choisi Levesque dans le second menu, j'aimerais que dans le troisième menu il apparaisse seulement Lapierre et Levesque.

 

Merci !

Espérons que cela est explicatif.

Good job....

mercredi 18 mars 2009 à 18:47:16 | Re : Menu déroulant en fonction d'un autre

Bul3

Membre Club

le select.options[le select.selectedIndex].text c'est l'option sélectionnée
tu construis ton 3ème select avec ce qui est sélectionné
dans les 2 1ers select et basta.


mercredi 18 mars 2009 à 22:13:25 | Re : Menu déroulant en fonction d'un autre

lavm01

Bonjour,

Je suis vraiment pas très bon, j'ai de la misère à sélectionné la valeur des 2 premiers select pour construire le 3ieme select en fonction des 2 première valeur du select. Je ne sais pas vraiment comment faire pour construire le 3ieme select.

Merci beaucoup de te patience !

Good job....

jeudi 19 mars 2009 à 08:57:53 | Re : Menu déroulant en fonction d'un autre
jeudi 19 mars 2009 à 16:50:05 | Re : Menu déroulant en fonction d'un autre

lavm01

[RESOLU]

Voici le code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " [ Lien ]">
<html>
<head>
<title>test menu deroulant</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
var d=new Date();
var monthname=new Array("Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre");
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();

function selbte1(id,pos) {

var x=document.getElementById("eq3");
txt=document.getElementById(id).value;
x.options[pos] = new Option(txt,txt);
//x.options[1] = new Option("TEST2", "B");
}

</script>
<style type="text/css">
<!--
.style1 {
 font-size: 12px;
 font-weight: bold;
}
-->
</style>
</head>
<body bgcolor="#C0DFFD">

<form name="prequipe" action="frmprequipe.php" method="post">
<p align="center" style="margin-top: -11"><b><font color="#FF0000">CONFÉRENCE EST</font></b></p>
<P align="left"><b>Votre première équipe</b>

<table width="84%">
<tr>
<td>
 <b>Votre équipe: </b>
 <select id="eq1" name="eq1" onChange="selbte1('eq1',1)">
 <option value="-1">????????????</option>
 <option value="Buffalo">Buffalo</option>
 <option value="NY Islanders">NY Islanders</option>
 <option value="Montréal">Montréal</option>
 </select></td>
<td id="eqp1_check">&nbsp;</td>
</tr>
</table>
<HR>
<P align="center" style="margin-top: -4"><b><font color="#FF0000">CONFÉRENCE OUEST</font></b>

<P align="left"><b>Votre deuxième équipe</b>
<table width="84%">
<tr>
<td>
 <b>Votre équipe: </b>
 <select id="eq2" name="eq2" onChange="selbte1('eq2',2)">
 <option value="-1">????????????</option>
 <option value="Détroit">Détroit</option>
 <option value="Calgary">Calgary</option>
 <option value="San Jose">San Jose</option>
 </select></td>
<td id="match5_check">&nbsp;</td>
</tr>
</table>
<HR>
<P align="center"><b><font color="#FF0000">VOTRE ÉQUIPE GAGNANTE</font></b>
<P align="left"><b>Choisir votre équipe gagnante de la coupe stanley</b>
<table width="84%">
  <tr>
    <td>
  <b>Votre &eacute;quipe:</b>
  <select id="eq3" name="eq3">
  <option value="-1">????????????</option>
  <option value="bbbb">bbbb</option>
  <option value="cccc">cccc</option>
  </select></td>
  <td id="eqp3_check">&nbsp;</td>
  </tr>
</table>
<P align="center">
<input type="button" name="eqp" value="Envoyer" disabled="disabled" >
</form>
</body>
</html>

 



 

Good job....



Cette discussion est classée dans : fonction, menu, select, déroulant, levesque


Répondre à ce message

Sujets en rapport avec ce message

Aide select qui passe apr dessus mon menu déroulant [ par Neuronix ] Bonjour à tous, j'ai fait un menu déroulant avec un "div" mais lorsque que celui ci passe par dessus un "select" le select le traverse et arrive au pr Problèmes de survols de menu déroulant html et javascript [ par fvaucell ] Bonjour, J'ai un problème dont je ne vois pas l'explication dans un menu déroulant Voici la structure du menu :     titre1     &l Menu déroulant select avec case à cocher [ par smotte761 ] Bonsoir, Je suis à la recherche d'un tuto ou code source pour créer un menu déroulant avec des cases à cocher. En fait, j'ai un menu déroulant dans un Problème avec menu déroulant [ par nicmet12 ] Bonjour à tous, Tout d'abord merci pour votre forum qui m'a plus qu'aidé durant la construction du site bm-photo. J'ai un petit souci. Je suis entra Menu déroulant [ par subaqua ] Je cherche à mettre un menu déroulant sur ma page web. Evidemment, je trouve plein de codes Java pour créer ce menu. Cependant, quand je lance ma page menu déroulant caché par la page [ par gillie ] Bonjour, J'ai créé un fichier index.html avec deux frames, la première avec l'entete et le menu horizontal, l'autre avec la page qui change quand on Menu déroulant [ par JeanPP ] Je m'occupe de 2 sites dont quelques pages sont appelables par l'autre. J'utilise un menu dans le cadre haut "topframe" et envoie la page appelée au d menu déroulant [ par marksman78 ] Bonjour, je rencontre actuellement des difficultées à crée mon menu déroulant pour un site . Mon problème est sur le codage javascript pour faire u Problème de compatibilité sous IE: survol menu déroulant jquery [ par tranck ] bjr! je rencontre un problème sur un menu déroulant conçu avec jquery! le menu dispose de 6 rubriques dont le survol de 3 d'entre eux feront glisser Quand j'affiche un fichier pdf mon menu déroulant passe en dessous. [ par phpmysql2007 ] Bonjour, Quand j'affiche un fichier pdf mon menu déroulant passe en dessous. J'ai essayé les z-index mais sans succès. Y'a-t-il un moyen pour soluti


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,246 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales