我是 js 新手，需要一些帮助来完成我的家庭作业。 我创建了一个从 1 到 12 的数字列表，我需要浏览器在每个选择上显示不同的输出。 因此，如果我选择数字 1 并单击按钮，它应该调用一个函数来检查该数字的值并在下面显示相应的消息......
我对 js 或一般编程不太了解。我知道我尝试的可能都是错误的，但我希望我至少了解我需要什么。
<head>
<script>
myFunction();
function myFunction() {
var track = document.getElementById("Selection");
if (track = 1) {
document.getElementById("demo").innerHTML = "1111"
}
</script>
</head>
<body>
Select A Track For More Information:
<select id="Selection">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<br><br>
<input type="button" onclick="myFunction()"
value="Click Here For More Information">
</form>
<p id="demo"></p>
</body>
我没有得到任何输出
最佳答案
在您的代码中，您没有获得 select 的值，还需要使用 == 运算符进行比较。即:
//onload calling function
myFunction();
function myFunction() {
//getting value of select
var track = document.getElementById("Selection").value;
//if select value is 1
if (track ==1) {
//print message
document.getElementById("demo").innerHTML = "1 Your message";
}else if (track ==2) {
document.getElementById("demo").innerHTML = "2 Your message";
}
else if (track ==3) {
document.getElementById("demo").innerHTML = "3 Your message";
}
else if (track ==4) {
document.getElementById("demo").innerHTML = " 4 Your message";
}else{
document.getElementById("demo").innerHTML = " Your message";
}
}<body>
Select A Track For More Information:
<select id="Selection">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<br><br>
<input type="button" onclick="myFunction()"
value="Click Here For More Information">
<p id="demo"></p>
</body>关于javascript - js - 为每个选择显示不同行文本的函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57347337/