Chciałbym wiedzieć, jakie są kody tekstu, który zmieni się zgodnie z wybraną wartością z menu rozwijanego.
Znam kody do tworzenia listy rozwijanej z wartością liczbową:
<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>"
Ale nie wiem, jak dokonać wyboru innej wartości, aby wyświetlać treści, które odpowiednio się zmienią. Czy możesz zapewnić mi wsparcie? Pracuję z
Odpowiedzi:
1 dla odpowiedzi № 1To może ci pomóc
<!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>