中国地区三级联动下拉菜单代码和示例(附带代码下…

2008-02-22 09:32:38来源：互联网阅读 ()

dsy.add("0_30_0",["城口县","大足县","垫江县","丰都县","奉节县","合川市","江津市","开县","梁平县","南川市","彭水苗族土家族自治县","荣昌县","石柱土家族自治县","铜梁县","巫山县","巫溪县","武隆县","秀山土家族苗族自治县","永川市","酉阳土家族苗族自治县","云阳县","忠县","重庆市","潼南县","璧山县","綦江县"]);

var s=["province","city","county"];
var opt0 = ["省份","地级市","市、县级市、县"];
function setup()
{
for(i=0;i<s.length-1;i )
document.getElementById(s[i]).onchange=new Function("change(" (i 1) ")");
change(0);
}

二.引用页index.aspx

代码:

<%@ Page language="c#" Codebehind="index.aspx.cs" AutoEventWireup="false" Inherits="areaselect.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>areaselectTEST</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

<script language="javascript" src="js/area.js"></script>
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<FONT face="宋体">
<P>所在地：
<SELECT id="province" runat="server" NAME="province">
</SELECT>
<SELECT id="city" runat="server" NAME="city">
</SELECT>
<SELECT id="county" runat="server" NAME="city">
</SELECT>
</P>
</FONT>

<SCRIPT language="javascript">
setup()
</SCRIPT>
</form>
</body>
</HTML>