<! 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> JS achieves provincial/municipal linkage </title>
<SCRIPT type = "text/JavaScript">
VaR arr = new array ();
Arr [0] = new array ("Guangdong Province", ["Guangzhou City", "Shenzhen City", "Zhongshan City"]);
Arr [1] = new array ("Hubei Province", ["Wuhan City", "Jingzhou City", "Xiantao city", "Huangshi city"]);
Function addprovince ()
{
For (I = 0; I <arr. length; I ++)
{
// Select the length of the item from the drop-down list.
Myform. province. Options [myform. province. Options. Length] = New Option (ARR [I] [0], arr [I] [0]);
}
Addcity ();
}
Function addcity ()
{
VaR indexs = myform. province. selectedindex;
For (j = myform. City. length; j> = 0; j --)
{
Myform. City. Remove (j );
}
VaR provincecity = arr [indexs];
// Document. Write (provincecity );
VaR citys = provincecity [1];
For (I = 0; I <Citys. length; I ++)
{
Myform. City. Options [myform. City. Options. Length] = New Option (citys [I], citys [I]);
}
}
</SCRIPT>
</Head>
<Body onload = "addprovince ()">
<Form name = "myform">
Select: <br/>
<Select name = "Province" onchange = "addcity ()">
</SELECT>
<Select name = "city">
</SELECT>
</Form>
</Body>
</Html>