——此文章摘自《完全手册PHP网络开发详解》定价
￥
特价
￥
详细>>http://track
linktech
cn/?m_id=dangdang&a_id=A
&l=
&l_type
=
width=
height=
border=
nosave>
function RefreshCity() //主程序函数
{
CreateXMLHttpRequest(); //创建对象
xmlobjopen(GET geosxml true); //调用XML
xmlobjonreadystatechange = StatHandler; //判断URL调用的状态值并处理
xmlobjsend(null); //设置为不发送给服务器任何数据
}
function StatHandler() //用于处理状态的函数
{
//如果URL成功访问则输出网页
if(xmlobjreadyState == && xmlobjstatus == && document getElementById(province)value != )
{
var xml = xmlobjresponseXML;
var province = documentgetElementById(province)value;
//获得用户的当前选择
var currprov = xmlgetElementsByTagName(province)[];
//获得XML中的相应标签
var cities = currprovgetElementsByTagName(city);
//获得标签下的所有city
var citylist = documentgetElementById(citylist);
//获得页面上的动态列表框
while(citylistchildNodeslength > ) //清空列表框
{
citylistremoveChild(citylistchildNodes[]);
}
for(var i = ; i < citieslength; i++) //插入全部标签
{
option = documentcreateElement(option);
optionappendChild(documentcreateTextNode(cities[i]
childNodes[]nodeValue));
citylistappendChild(option);
}
}
}
</script>
</head>
<body>
<p><form action=>
<p><select id=province onchange=RefreshCity();>
<option value=>Select One</option>
<option value=Beijing>Beijing</option>
<option value=Liaoning>Liaoning</option>
</select></p>
<p><select id=citylist size= style=width:px;></select></p>
</form></p>
</body>
</html>
运行结果如图所示
http://developcsaicn/web/images/jpg>
图 动态列表框
right>[http://developcsaicn/web/htm>] []
![PHP网络开发：动态列表框的实现[2]](/UploadFiles/8.jpg)