首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

省地县三级联动菜单

2012-10-30 
省市县三级联动菜单htmlheadtitle省市县关联菜单/titlemeta http-equivContent-Type content

省市县三级联动菜单
<html>
<head>
<title>省市县关联菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript" src="1.js"></script>
<style>
body,select{font-size:9pt;font-family:Verdana;}
a{color:red;text-decoration:none;}
a:hover{text-decoration:underline;}
</style>
<SCRIPT LANGUAGE = JavaScript>
var s=["province","city","country"];
var opt0 = ["省份","地级市","市、县级市、县"];
function setup(){
for(i=0;i<s.length-1;i++)
  document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
change(0);
}
</SCRIPT>
</head>
<body bgcolor="#E0E0E0" onload="setup()">
多级关联菜单:
<form name="frm">
<select id="province"><option>省份</option></select>
<select id="city"><option>地级市</option></select>
<select id="country"><option>市、县级市、县</option></select>
</form>
</body>
</html>

js文件在附件

热点排行