想实现下拉选框选择,div中显示对应文本,但是个不执行,请大神帮忙看看
<body>
<select id="aa">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<div class="" id="tt">
</div>
<script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript">
$("#aa").change(function(){
// $("#tt").empty();
var valu=$("#aa").val();
switch(valu){
case ("volvo"):
$("#tt").append('这是沃尔沃轿车');
break;
case ("saab"):
$("#tt").append('这是萨博轿车');
break;
case ("opel"):
$("#tt").append('这是欧宝轿车');
break;
case ("Audi"):
$("#tt").append('这是奥迪轿车');
break;
}
)};
</script>
</body>
相关分类