Une sélection = un affichage
Bonjour,
Je recherche un script simple qui me permet d'afficher une liste déroulante (par ex. pomme, poire, banane, choux, etc) et que lorsque l'internaute en choisis un dans cette liste, un texte préetabli s'affiche (par exemple : Ce fruit se mange l'été. Ce légume donne la nausée, etc.
Il y aurait un total d'une vingtaine de choix et 4 réponses types.
Merci pour votre aide.
Je recherche un script simple qui me permet d'afficher une liste déroulante (par ex. pomme, poire, banane, choux, etc) et que lorsque l'internaute en choisis un dans cette liste, un texte préetabli s'affiche (par exemple : Ce fruit se mange l'été. Ce légume donne la nausée, etc.
Il y aurait un total d'une vingtaine de choix et 4 réponses types.
Merci pour votre aide.
2 réponses
-
Voila un exemple :
<html>
<head>
<script>
var mesDonnees = ["Ce fruit se mange l'été", "Ce légume donne la nausée", "kikoolol", "mdr"];
function change()
{
var fruits = document.getElementById("a");
var item = fruits.options[fruits.selectedIndex].value;
document.getElementById("t").innerHTML = mesDonnees[item];
}
</script>
</head>
<body onLoad="afficheValeur();">
<select id="a" onChange="change();">
<option value="-1">Choisissez un fruit ou un légume</option>
<option value="0">Pomme</option>
<option value="1">Concombre</option>
<option value="2">Poire</option>
<option value="3">Navet</option>
</select>
<div id="t"></div>
</body>
</html> -
ContributeurBonjour,
L'idée de base est d'utiliser la propriété de javascript "onchange".
Ton html :
<select id="identifiantDeMonSelect" onchange="change_text();">
<option value="0">Choisir son aliment</option>
<option value="1">Pomme</option>
</select>
<div id="text_changeant">Texte qui va changer</div>
Ton javascript :
<script language="Javascript">
function change_text(){
var var_text="";
var selectValue = document.getElementById('identifiantDeMonSelect').options[document.getElementById('identifiantDeMonSelect').selectedIndex].value;
if (selectValue == 1)
var_text = "Ce fruit se mange l'été";
document.getElementById("text_changeant").innerHTML = var_text;
}
</script>
