`

省市级联

XHTMLBlogHTML 
阅读更多
我自己手写了一个两级联动的，希望对你有所帮助。
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">
<!--
body,td,th
{
  font-family: 宋体;
  font-size: 12px;
}
.selectCss
{
  border:solid #FFFF00;
}
-->
</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 onload="cityJump(null)">
<form name="form1" action="">
  省份：
  <select name="province" onchange="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>
0
顶
2
踩
分享到：
| 省市级联
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics