<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 二級聯動菜單 </TITLE>
<script language="javascript">
var jiangXi=new Array(); //江西組
jiangXi[0]=new Array('0','南昌');
jiangXi[1]=new Array('1','九江');
jiangXi[2]=new Array('2','贛州');
var liaoNing=new Array(); //遼寧組
liaoNing[0]=new Array('0','沈陽');
liaoNing[1]=new Array('1','大連');
var heBei=new Array(); //河北組
heBei[0]=new Array('0','石家莊');
heBei[1]=new Array('1','廊坊');
heBei[2]=new Array('2','保定');
heBei[3]=new Array('3','唐山');
heBei[4]=new Array('4','邢臺');
function showCities(cityArray)
{
for(i=0;i<cityArray.length;i++)
{
document.form1.cities.options[i]=new Option(cityArray[i][1],cityArray[i][0]);
}
}
function updateCities()
{
var selectedProvince=document.form1.province.value;
switch(selectedProvince){
case'0':showCities(heBei);break;
case'1':showCities(jiangXi);break;
case'2':showCities(liaoNing);break;
}
}
</script>
</HEAD>
<BODY>
<form name="form1" method="post" action="">
<table width= "200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<select name="province" size="1" onchange="javascript:updateCities()">
<option value="0" selected>河北</option>
<option value="1" >江西</option>
<option value="2" >遼寧</option>
</select>
<select name="cities" size="1">
<option value="0"selected>石家莊</option>
<option value="1">廊坊</option>
<option value="2">保定</option>
<option value="3">唐山</option>
<option value="4">邢臺</option>
</select>
</td>
<td> </td>
</tr>
</table>
</form>
</BODY>
</HTML>
posted on 2012-07-31 11:13
canry Tong 閱讀(343)
評論(0) 編輯 收藏 所屬分類:
jsp