Afficher liste déroulante en fonction choix

bobby -  
Thomz Messages postés 25 Statut Membre -
Bonjour,
J'ai 2 listes déroulantes. Ce que je veux réussir à faire c'est :
SI valeurSelectionnée == valeurQuiAffiche2emeListe
ALORS afficher2Liste().

En gros au début il n'y a que la première liste. Si l'utilisateur choisi une valeur bien précise dans la liste, alors j'affiche la seconde liste déroulante.

Je pense qu'en js je peux faire ça, mais je ne connais pas vraiment js. Si quelqu'un a une idée, qu'il n'hésite pas, Merci
A voir également:

5 réponses

Archeus01 Messages postés 1681 Statut Membre 453
 
Well well welll, C'est moche mais tu peux faire deux listes avec un contentant toutes les valeurs et l'autre que certaines.... C'est moche donc ce n'est pas ce que je conseille, après , il y a des trucs comme Visibility:None et Visibility:Hidden... qui la par contre sont dans les beaux codes ...
1
zemalabare
 
Bonjour tout le monde,

@Archeus01 : c'est exactement ca que je cherche .. le dernier exemple de la page que tu as mis en lien, mais je n'arrive pas du tout à comprendre le code de ce double menu déroulatn et je n'arrive pas non plus a le trouver sur le site ... peux-tu m'aider stp? merci ;)
0
Archeus01 Messages postés 1681 Statut Membre 453
 
javascripT....

Cf http://www.creation-du-web.com/honolulu/cours-html-javascript-selecti.html (dernier exemple de la page...)
0
bobby
 
Merci, mais cela ne répond pas exactement au problème. En effet je voudrais que la deuxième liste soit invisible si la bonne valeur dans la premièer liste n'a pas été sélectionnée.
Merci
0
Thomz Messages postés 25 Statut Membre
 
Voilà ton code en JS que tu mes au début
<script language="JavaScript">
function menuderoulant(selection){
window.location=selection.options[selection.selectedIndex].value;
}
</script>


Puis pour ton menu déroulent :
<select name="menu" onChange="menuderoulant(this)">
<option value="#">Choisir un épisode</option>
<option value="http://xxx.idoo.com/Skins.1x1.htm">xxx</option><option value="http://xxx.idoo.com/Skins.1x2.htm">xxx


Thomz.
0
zemalabare
 
:( je n'ai pas encore saisie ...

j'ai insérer tes codes mais sans succés .. j'ai bien les lien etc... mais pas de génération ...

dois-je utiliser la fonction savoir()? (je l'es fait mais pas de résultat)

donc comment imbriqué ces élément entre eux ...

<form name="pige">
<select name="compris" onchange="savoir()">

+

<select name="menu" onChange="menuderoulant(this)">

+

function menuderoulant(selection)

+

function savoir() ???

dois-je bien utiliser ces éléments .. ou y-en a t'il trop ou pas assez .. :s ?
0
Thomz Messages postés 25 Statut Membre
 
Tu n'as pas la redirection car tu a du oublier sa :
<script language="JavaScript">
function menuderoulant(selection){
window.location=selection.options[selection.selectedIndex].value;
}
</script>


Que tu place avant le <select name="menu" onChange="menuderoulant(this)">
0
zemalabare
 
oui c'est ce que j'avais fait :s

<form name="pige">
<select name="compris" onchange="savoir()">
<option value="ni">lundi</option>
<option value="na">mardi</option>
<option value="ne">mercredi</option>
<option value="nu">jeudi</option>
<option value="no">vendredi</option>
<option value="ny">samedi</option>
<option value="nm">dimanche</option>
</select>

<script language="JavaScript">
function menuderoulant(selection){
window.location=selection.options[selection.selectedIndex].value;
}
</script>

<select name="menu" onChange="menuderoulant(this)">
<option value="#">Choisir un épisode</option>
<option value="http://xxx.idoo.com/Skins.1x1.htm">xxx</option><option value="http://xxx.idoo.com/Skins.1x2.htm">xxx</option>
</select>
</form>

<script>
function savoir(){
var indice_selectionne=document.pige.compris.selectedIndex;
var chango=document.pige.compris.options[indice_selectionne].value; switch (chango){
case "ni":document.pige.texter.value="et voilà, c'est reparti !";break;
case "na":document.pige.texter.value="toujours dur de travailler...";break;
case "ne":document.pige.texter.value="quand cela va-t'il finir ?";break;
case "nu":document.pige.texter.value="hum, l'odeur du week-end !!!";break;
case "nov":document.pige.texter.value="encore un jour et c'est bon !";break;
case "ny":document.pige.texter.value="Waoow ! On y est...";break;
default:document.pige.texter.value="Pourvu que ça dure...";break;
}
}
</script>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Thomz Messages postés 25 Statut Membre
 
<script language="JavaScript">
function menuderoulant(selection){
window.location=selection.options[selection.selectedIndex].value;
}
</script> 


<form name="form1">
<br><br><br>
<div align="center"><u><b>Voir un autre épisode de la saison 1</b></u> :&nbsp;&nbsp;&nbsp;&nbsp;
<select name="menu" onChange="menuderoulant(this)">
<option value="#">Choisir un épisode</option>
<option value="http://smokeweedz.idoo.com/Skins.1x2.htm">S1 - Episode 1 : Tony</option>


:ok:
0