用 JS 动态载入省份和城市(5)

来源：未知责任编辑：责任编辑发表时间:2014-01-20 07:52　点击:次

ASP PHP JSP JavaScript 网页设计 DIVCSS Ajax技术 HTML5

_city[34]=new Array(["海外","海外"],[34,3401]);

function loadProvince(id)
{
var obj=document.getElementById(id);
for(var i=0;i<_city.length;i++)
{
if(_city[i])
{
obj.options[obj.length]=new Option(_city[i][0][0],_city[i][1][0]);
}
}
}

function loadCity(obj,id)
{
var obj1=document.getElementById(id);
var index=obj.selectedIndex;
obj1.length=0;
for(var i=1;i<_city[index][0].length;i++)
obj1.options[obj1.length]=new Option(_city[index][0][i],_city[index][1][i]);
obj1.selectedIndex=0;
}

之后创建一个 jsProvinceLineCity.html 文件引用。

[html]
<!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=utf-8" />
<title> 用JS动态载入省份和城市</title>
</head>

<script language="javascript" src="jsProvinceLineCity.js"></script>
</head>

<body onload="loadProvince('selProvince');">

<select id="selProvince" onchange="loadCity(this,'selCity');"></select>
<select name="selCity" id="selCity" ></select>

</body>

</html>