学习三级联动

lgs0626 · 发表于 2013-2-7 19:23:13

<html><head><title>学习三级联动</title>

<script language="javascript">
var g_selProvince;
var g_selCity;
var g_selCounty;

//-----省
var Provinces = new Array(
new Array("河南省","河南省")
);

//-----市
var Citys = new Array(
new Array("河南省","郑州","郑州"),
new Array("河南省","洛阳","洛阳"),
new Array("河南省","许昌","许昌"),
new Array("河南省","南阳","南阳")
);

//-----县
var Countys = new Array(
new Array("郑州","东风","东风"),
new Array("郑州","南阳","南阳")
);

function FillProvinces(selProvince)
{
   selProvince.options[0]=new Option("请选择","0");
   for(i=0;i<Provinces.length;i++)
{
selProvince.options[i+1] = new Option(Provinces[i][1],Provinces[i][0]);
}
selProvince.options[0].selected = true;
selProvince.length = i+1;
}

function FillCitys(selCity,ProvinceCode)
{
   selCity.options[0]=new Option("请选择","0");
count = 1;
for(i=0;i<Citys.length;i++)
{
if(Citys[i][0].toString() == ProvinceCode)
{
selCity.options[count] = new Option(Citys[i][2],Citys[i][1]);
count = count + 1;
}
}
selCity.options[0].selected = true;
selCity.length = count;
}

function FillCountys(selCounty,CityCode)
{
   selCounty.options[0]=new Option("请选择","0");
count = 1;
for(i=0;i<Countys.length;i++)
{
if(Countys[i][0].toString() == CityCode)
{
selCounty.options[count] = new Option(Countys[i][2],Countys[i][1]);
count = count + 1;
}
}
selCounty.options[0].selected = true;
selCounty.length=count;
}

function City_onchange()
{
   FillCountys(g_selCounty,g_selCity.value);
}

function Province_onchange()
{
   FillCitys(g_selCity,g_selProvince.value);
City_onchange();
}

</script>

</head>

<body><form name="myform" id="myform">
   <select name="s1"></select>
   <select name="s2"></select>
<select name="s3"></select>
</form></body></html>

<script language="javascript">

function InitCitySelect(selProvince,selCity,selCounty)
{
   g_selProvince = selProvince;
g_selCity = selCity;
g_selCounty = selCounty;
selProvince.onchange = Function("Province_onchange();");
selCity.onchange = Function("City_onchange();");
FillProvinces(selProvince);
Province_onchange();
}
InitCitySelect(document.myform.s1,document.myform.s2,document.myform.s3);

</script>

		自动登录	找回密码
密码			立即注册