——此文章摘自《完全手册PHP网络开发详解》定价
￥
特价
￥
详细>>http://track
linktech
cn/?m_id=dangdang&a_id=A
&l=
&l_type
=
width=
height=
border=
nosave>
动态列表框是Ajax的另一个重要应用在一些传统的页面中为了实现根据用户选择的不同在列表框中显示不同的内容需要将列表框中所有可能的值都放入到页面的源代码中这种方法往往导致页面过大不利于用户的访问
使用Ajax进行动态列表框的实现可以实现当用户在一个列表框上进行选择时使用XMLHttpRequest组件从服务器上获得另一个动态列表框上需要显示的信息使用这种方式进行列表框的动态生成可以有效解决因为页面数据量过大而导致的页面响应时间过长的问题
以下XML文件是一个用来存储列表框关联信息的文件
<?xml version= ?>
<China>
<Beijing>
<city>Beijing</city>
</Beijing>
<Liaoning>
<city>Shenyang</city>
<city>Dalian</city>
<city>Anshan</city>
<city>Fushun</city>
</Liaoning>
</China>
以下代码通过读取上面XML文件中的标签将所有的子标签显示到动态列表框中
<html>
<head>
<title>Ajax Example</title>
<script type=text/javascript>
var xmlobj; //定义XMLHttpRequest对象
function CreateXMLHttpRequest()
{
if(windowActiveXObject) //如果当前浏览器支持ActiveXObject则创建
ActiveXObject对象
{
xmlobj = new ActiveXObject(MicrosoftXMLHTTP);
}
else if(windowXMLHttpRequest)
//如果当前浏览器支持XMLHttpRequest则创建XMLHttpRequest对象
{
xmlobj = new XMLHttpRequest();
}
}
right>[] [http://developcsaicn/web/htm>]
![PHP网络开发：动态列表框的实现[1]](/UploadFiles/7.jpg)