window.onload加载三级联动的问题
老鼠找猫 2010-11-15 03:57:41 我有三个分类,第一类,第二类,第三类,都是隶属关系,我是采用AJAX来实现
第一类我是用后台代码加载出来的,现在我要用AJAX来加载出第二类和第三类。
条件,第一类显示的值加载出第二类,第二类显示的值加载出第三类。
js代码
window.onload = function()
{
onload1();
onload2();
}
function onload1()
{
createXmlHttpRequest();
var name = document.getElementById("drop_dalei").value;
var url = "WebService.asmx/GetCatalog?daleiTitle="+escape(name);
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange = requestXMLHttp_zhonglei;
xmlHttp.send(null);
}
function onload2()
{
createXmlHttpRequest();
var name = document.getElementById("drop_zhonglei").value;
var url = "WebService.asmx/GetCatalog?daleiTitle="+escape(name);
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange = requestXMLHttp_xiaolei;
xmlHttp.send(null);
}
function requestXMLHttp_zhonglei()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
var rootNode = xmlHttp.responseXML.documentElement;
for(var i = 0;i<rootNode.childNodes.length;i++)
{
var value = rootNode.childNodes[i].childNodes[0].firstChild.nodeValue;
var text = rootNode.childNodes[i].childNodes[1].firstChild.nodeValue;
var opt = new Option();
opt.value = value;
opt.text = text;
document.getElementById("drop_zhonglei").options.add(opt);
}
}
}
}
function requestXMLHttp_xiaolei()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
var rootNode = xmlHttp.responseXML.documentElement;
for(var i = 0;i<rootNode.childNodes.length;i++)
{
var value = rootNode.childNodes[i].childNodes[0].firstChild.nodeValue;
var text = rootNode.childNodes[i].childNodes[1].firstChild.nodeValue;
var opt = new Option();
opt.value = value;
opt.text = text;
document.getElementById("drop_xiaolei").options.add(opt);
}
}
}
}
现在的问题是window.onload里面的两个方法,只能存在一个,不能同时存在两个,有什么解决的方法吗