关于控件隐藏问题，大侠请进！

小弟想实现如下功能，请大侠们赐教：
页面上有一个ID为a的下拉列表控件，其有两个列值，一个为a1,一个为a2
此外页面上还有一个ID为div1的层，默认情况下显示，即visible=false.
我希望当a得列表值为a2时，div1层显示出来。
请大侠指教如何通过javascript实现此功能。先行谢过各位热心人了！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<script type="text/javascript">

</script>
<select onchange="changeDiv(this)">
<option value="A1" selected="selected">A1</option>
<option value="A2">A2</option>
</select>
<div id = "A1" style="width:100px;height:100px;border:3px solid red">A1</div>
<div id = "A2" style="width:100px;height:100px;border:3px solid blue;display:none;">A2</div>
<script>
function doit(sel){
var n = sel.options[sel.selectedIndex].value;
if(n=="a2") document.getElementById("div1").style.display = "block";
else document.getElementById("div1").style.display = "none";
}
</script>
<select id="a" onchange="doit(this)">
<option value="a1">a1</option>
<option value="a2">a2</option>
</select>
<div id="div1" style="display:none;">div1</div>
二级联动下拉列表菜单，实现的功能是选择地区，显示城市的下拉列表<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>ｶｼｶﾁｪｶｯﾏﾂﾀｭﾁﾐｱ昀ﾋｵ･</title>
<script language="JavaScript" type="text/javascript">
//这里面是城市
var city=[
["北京","天津","上海","重庆"・],//直辖市
["南京","苏州","南通","常州"],//江苏省
["福州","福安","龙岩","南平"],//福建省
];

function getCity()
{

var sltProvince=document.forms["theForm"].elements["province"];
var sltCity=document.forms["theForm"].elements["city"];

for(var i=0;i<provinceCity.length;i++)
{

sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);
}
}
</script>
</head>
<body>
<form action="**.html" name="theForm">
<select name="province" onchange="getCity();">
<option value="0">请选择所在的省份</option>
<option value="直辖市">直辖市</option>
<option value="江苏省">江苏省</option>
<option value="福建省">福建省</option>
</select>
<select name="city">
<option value="0">请选择所在的城市</option>
</select>
</form>

</body>
</html>