今天在做练习代码的时候使用switch判断语句,代码如下
<script>function showUser(sss){ var shen=sss; alert(typeof sss); switch (shen) { case 1: x="张三"; break; case 2: x="李四"; break; case 3: x="王二"; break; case 4: x="陈五"; break; } document.getElementById("myDiv").innerHTML=x; } </script> <form> Select a User: <select name="users" onchange="showUser(this.value)"> <option value="1">Peter Griffin</option> <option value="2">Lois Griffin</option> <option value="3">Glenn Quagmire</option> <option value="4">Joseph Swanson</option> </select> </form> <div id="myDiv"></div>
代码很简单,就是通过用户选择来做个判断,之后在myDiv部分显示对应的文字。可是怎么测试都无法正常显示,后经网上查阅知道,在switch里使用的“===”判断,也就是说在判断的同时还要判断参数的类型,经改动后代码可以正常使用了。
改动后的函数代码如下:
function showUser(sss){ var shen=sss; alert(typeof sss); switch (shen) { case "1": x="Today it‘s Monday"; break; case "2": x="Today it‘s Tuesday"; break; case "3": x="Today it‘s Wednesday"; break; case "4": x="Today it‘s Thursday"; break; } document.getElementById("myDiv").innerHTML=x; }
时间: 2024-11-08 17:29:19