Une sélection = un affichage
saurer
-
saurer -
saurer -
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.
A voir également:
- Une sélection = un affichage
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Problème affichage fenêtre windows 10 - Guide
- Problème affichage page internet google chrome - Forum Téléphones & tablettes Android
- L'indice n'appartient pas à la sélection vba ✓ - Forum Programmation
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>
<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>
Bonjour,
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>
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>