<script>
/*
作者：fibona(熊祥衆)
寫作日期：2005年12月
實現功能；實現一個靜態的城市與省區選擇的聯動菜單
這主要講述的是一個聯動選擇的實現原理，可以通過此原理實現動態的聯動選擇
*/
</script>
<script language="JavaScript">
function validate(theform)
{
//alert(document.all.city.value);
if (document.all.city.value == "")
{
alert("城市值非空");
return false;
}else{
return true;
}
}
</script>
<form method="post" name="form1" action="#" enctype="multipart/form-data" onSubmit="return validate(this)">
<tr>
<td bgcolor="#F8F8F8" width="20%">選擇城市:</td>
<td bgcolor="#FFFFFF"><select name="city"onChange=changelocation(this.value)>
<option value="" selected>>>>>請選擇<<<<</option>
<OPTION value='1' >北京</OPTION><OPTION value='2' >上海</OPTION><OPTION value='3' >湖南 </OPTION>
</select></td>
</tr>
<tr>
<td bgcolor="#F8F8F8" width="20%">選擇市或者城區:</td>
<td bgcolor="#FFFFFF"> <select name="area">
<SCRIPT language=JavaScript>
var onecount;
onecount=0;
subcat = new Array();
subcat[0] = new Array(1,'東城');
subcat[1] = new Array(1,'西城');
subcat[2] = new Array(1,'豐臺');
subcat[3] = new Array(1,'海淀');
subcat[4] = new Array(1,'通州');
subcat[5] = new Array(1,'其它區');
subcat[6] = new Array(2,'奉賢');
subcat[7] = new Array(2,'南匯');
subcat[8] = new Array(2,'青浦');
subcat[9] = new Array(2,'松江');
subcat[10] = new Array(2,'徐匯');
subcat[11] = new Array(2,'浦東');
subcat[12] = new Array(3,'長沙');
subcat[13] = new Array(3,'永州');
subcat[14] = new Array(3,'衡陽');
onecount=15;
function changelocation(locationid)
{
document.all.area.length = 0;
var locationid=locationid;
var i,flag=0;
for (i=0;i < onecount; i++)
{
if (subcat[i][0] == locationid)
{
document.all.area.options[document.all.area.length] = new Option(subcat[i][1]);
flag=1;
}
}
if (flag==0)
{document.all.options.options[document.all.area.length] = new Option('>>>>選擇市或者區<<<<');
}
}</SCRIPT>
<option value="" selected>>>>>選擇市或者區<<<<</option>
</select></td>
</tr>
<input type="submit" name="topicsubmit" value="提交" tabindex="5">
</form>
