Je voudrais savoir quels sont les codes pour que le texte change en fonction de la valeur sélectionnée dans le menu déroulant.
Je connais les codes pour créer la liste déroulante avec la valeur des nombres:
<select><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>"
Mais je ne sais pas comment sélectionner des valeurs différentes pour afficher un contenu qui changera en conséquence. Pouvez-vous me fournir un soutien? Je travaille avec
Réponses:
1 pour la réponse № 1Cela peut vous aider
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<select><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option></select>"
<p id="ele1">foo</p>
<script>
var select = document.getElementsByTagName("select")[0];
var ele1 = document.getElementById("ele1");
select.addEventListener("change",function(e){
//alert(this.value);
if(this.value=="2"){
ele1.innerHTML="bar"
}else if(this.value=="3"){
ele1.innerHTML="foo bar"
}else if(this.value=="4"){
ele1.innerHTML="foo bar foo bar"
}
})
</script>
</body>
</html>