简单代码实现复杂的省市联动程序-js

来源：互联网发布：centos安装oracle11g 编辑：程序博客网时间：2024/05/15 23:49

<!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实现省市联动</title>
<script type="text/javascript">
var arr=new Array();
arr[0]=new Array("广东省",["广州市","深圳市","中山市"]);
arr[1]=new Array("湖北省",["武汉市","荆州市","仙桃市","黄石市"]);
function addProvince()
{
     for(i=0; i<arr.length; i++)
{
//下拉列表选择项的长度
     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>