begin process at 2010 03 22 12:12:04
  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 que je veux figer !!!!! [ par NTIC ] Salut à tous,Eh oui comme beaucoup, j'ai pris un menu disponible sur ce site et j'ai un piti soucis :c'est un menu nickel, déroulant, horizontal. Que menu déroulant vertical [ par rduvrac ] J'ai récupéré ce script mais il ne fonctionne pas. J'aimerai bien car il est simple à mettre en place et à actualiser sinon. Si quelqu'un arrive à vo Simuler un Click sur un Select / Menu [ par shaft500 ] Bonjour tt le monde! est ce qu'il serait possible de faire un click() au chargement de la page(genre onload) sur un select ou une liste dans un formul Menu déroulant en C [ par kikaanouar ] j ai un projet c'est le menu déroulant je vx le faire a l aide de la souris et en mode graphique et qu il soit dynamique merci pour votre aide Menu deroulant specifique [ par sensoide ] Bonjour a tous,J'ai un menu déroulant avec des dates qui proviennent de ma base de données.J'ai un tableau avec des informations qui proviennent égale Une fonction qui ne fonctionne pas avec onmouseover [ par Nitruk ] Voila, j'utilise une fonction pour créer un menu, qui appelle des fonctions qui en appellent d'autres. Je l'appelle ainsi : initMenu('woweurope',      Besoin d'un menu déroulant [ par gunichou ] Bonjour j'écris en dernier recours sur votre site.En effet je possède un site perso mais tout le monde me dit que le menu latéral est trop chargé.C'es xmlhttprequest fonctionne sous IE mais pas sur netscape [ par pierrot10 ] Bonjour, j'ai créé un un site dont une artie est en javascript. Tout fonction bien sous sous Netscape et FF Probablement mon problèeme vient du moment


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

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 : 0,374 sec (4)

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