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/