省市级联

fengkuangshl

于 2010-04-29 22:53:19 发布

阅读量83

点赞数

文章标签： XHTML Blog HTML

我自己手写了一个两级联动的，希望对你有所帮助。
http://blog.sina.com.cn/yhzone

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>城市选择</title>
<style type="text/css">

</style>

<script language="javascript">
function cityJump(province)
{
var v_shanxi=new Array("汉中","咸阳","铜川","渭南","西安","商州","延安","榆林");
var v_hunan=new Array("长沙","衡阳","岳阳");
var v_shandong=new Array("青岛","烟台","潍坊","临沂");
var v_gansu=new Array("兰州","天水","平梁","张掖");
var city;
switch(province)
{
case "shanxi":
city=v_shanxi;
break;
case "hunan":
city=v_hunan;
break;
case "shandong":
city=v_shandong;
break;
case "gansu":
city=v_gansu;
break;
default:
city=v_shanxi;
}
var selectCity=document.form1.city;
var vOptions;
var len=selectCity.options.length;
for(var i=0;i<len;i++)
{
selectCity.options.remove(0);
}
for(var i=0;i<city.length;i++)
{
vOptions=document.createElement("option");
vOptions.value=city[i];
vOptions.text=city[i];
selectCity.options.add(vOptions);
}
}
</script>

</head>

<body οnlοad="cityJump(null)">
<form name="form1" action="">
省份：
<select name="province" οnchange="cityJump(this.value)" class="selectCss">
<option value="shanxi">陕西</option>
<option value="hunan">湖南</option>
<option value="shandong">山东</option>
<option value="gansu">甘肃</option>
</select>
城市：
<select name="city" class="selectCss">
</select>
</form>
</body>
</html>