req.responsexml.documentelement为null解决办法(必定行)

var req;

function change()

{

var id = document.getElementById("select_1").value;

var url = "all_province.jsp?id="+escape(id);

if(window.XMLHttpRequest)

{

req = new XMLHttpRequest();

}else if(window.ActiveXObject)

{

req = new ActiveXObject("Microsoft.XMLHTTP");

}

req.open("get", url, true);

req.onreadystatechange = callback;

req.send(null);

}

function callback()

{

if(req.readyState == 4)

{

if(req.status == 200)

{

var msg = req.responseText;

alert(msg);

if(msg != "")

{

//得到要被联动的下拉列表

var selectMain = document.getElementById("select_2");

//将里面原来的内容清除掉

selectMain.options.length = 0;

//新加一个必须的option

selectMain.add(new Option("--全部--", "0"));

//得到一个responseXML

   var xmlDoc = req.responseXML;

//得到这个返回对象里面的标签()

var sels = xmlDoc.getElementsByTagName("select");

for(var i=0; i

{

var id = sels[i].childNodes[0].childNodes[0].nodeValue;

var name = sels[i].childNodes[1].childNodes[0].nodeValue;

selectMain.add(new Option(name, id));

}

}

}

}

}

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

以上是我用ajax实现二级联动功能的的js代码。

我首先遇到了这个问题，然后再网上找了很多方法都不行，后来经别人指点才发现大多数人都错在一个地方，请看我的下划线部分代码，那里不要documentElement,而我在网上看到的所有方法都没有发现这一点

然后我们需要在后台处理页面（如果我们是用一个后台页面查询相关联动数据的话）就在加上xml文件的头<?xml version="1.0" encoding="gbk"?>

利用上面斜体代码查看页面的信息

我相信用了上面的方法之后，一定会成功的，至少在IE浏览器下能成功^__^

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/25701553/viewspace-692913/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/25701553/viewspace-692913/