Everyday NetLog

周末练习了一下ajax的联动菜单，一直没有测试完全通过。后来从网上看到一个不错的思路。一起研究。这里以城市为例子来说明。

首先看文件结构：
/inc 包含function.php文件和数据操作类
/index.php html代码和州的收据获取代码
/ajax_city.php 城市数据的获取代码
/ajax.js httpRequest的建立和异步请求



index.php文件：
Array

ajax.js文件：

Array
function getcityOk(){
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
try{
var classObj = document.getElementById("city");
Array // 开始的写法，但无论如何也传不到页面中去！→
Array
}
catch(exception){}
}
}

ajax_city.php文件：

Array
总结：
这只是一个简单的联动菜单，但当我把select对象传入函数中去，并在请求的url上加上参数，那就改成了一个多级联动的下拉选择菜单了。这里我测试没有通过，即选择了大类以后，小类可以跳动，但是改变了的值无法正常显示。由于时间较晚了，今天就到这了，等测试通过后，我再来说明原因吧。


Array

作者：@Everyday NetLog
地址：http://blog.zhoz.com/read.php?71
版权所有。转载时必须以链接形式注明作者和原始出处及本声明！