ajax读取xml文件数据,不能显示在下拉列表中,求大神指导一下!
页面代码:<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><!--窗口打开时,自动读取解析...
页面代码:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!-- 窗口打开时,自动读取解析部门数据xml文件,并放到<select>中 --><html> <head> <title>自动载入列表数据</title> <script type="text/javascript"> //创建XHR对象 var xhr = null;
//载入列表 function showDeptno(){ //根据浏览器情况创建xhr对象 if (window.ActiveXObject){ xhr = new ActiveXObject("Microsoft.XMLHttp"); }else if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); } xhr.onreadystatechange = showDeptnoProcess;//注册监听 var url = "ajax6.xml";//URL xhr.open("GET",url,true);//设置URL xhr.send(null); } //处理异步请求 function showDeptnoProcess(){ if (xhr.readyState == 4) { if (xhr.status == 200) { //获得xml数据 var xml = xhr.responseXML; //获得节点集合 var nodes = xml.getElementsByTagName("dept"); //获得列表框对象 var dept = document.getElementById("deptno"); //遍历节点 for (var i = 0;i < nodes.length;i ++){ //创建一个option的DOM对象 var op = document.createElement("option"); op.setAttribute("value",nodes[i].childNodes[0].childNodes[0].nodeValue); op.innerHTML = nodes[i].childNodes[1].childNodes[0].nodeValue; //加入到列表框中 dept.appendChild(op); } } } }
window.onload = showDeptno;//当窗口打开时执行 </script> </head> <body> <select name="deptno" id="deptno" onchange="alert(this.value)"> <option value="">请选择部门</option> </select> </body></html>
ajax6.xml代码:
<?xml version="1.0" encoding="utf-8"?><root> <dept> <deptno>10</deptno> <dname>保安部</dname> </dept> <dept> <deptno>20</deptno> <dname>康乐部</dname> </dept> <dept> <deptno>30</deptno> <dname>办公室</dname> </dept></root> 展开
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!-- 窗口打开时,自动读取解析部门数据xml文件,并放到<select>中 --><html> <head> <title>自动载入列表数据</title> <script type="text/javascript"> //创建XHR对象 var xhr = null;
//载入列表 function showDeptno(){ //根据浏览器情况创建xhr对象 if (window.ActiveXObject){ xhr = new ActiveXObject("Microsoft.XMLHttp"); }else if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); } xhr.onreadystatechange = showDeptnoProcess;//注册监听 var url = "ajax6.xml";//URL xhr.open("GET",url,true);//设置URL xhr.send(null); } //处理异步请求 function showDeptnoProcess(){ if (xhr.readyState == 4) { if (xhr.status == 200) { //获得xml数据 var xml = xhr.responseXML; //获得节点集合 var nodes = xml.getElementsByTagName("dept"); //获得列表框对象 var dept = document.getElementById("deptno"); //遍历节点 for (var i = 0;i < nodes.length;i ++){ //创建一个option的DOM对象 var op = document.createElement("option"); op.setAttribute("value",nodes[i].childNodes[0].childNodes[0].nodeValue); op.innerHTML = nodes[i].childNodes[1].childNodes[0].nodeValue; //加入到列表框中 dept.appendChild(op); } } } }
window.onload = showDeptno;//当窗口打开时执行 </script> </head> <body> <select name="deptno" id="deptno" onchange="alert(this.value)"> <option value="">请选择部门</option> </select> </body></html>
ajax6.xml代码:
<?xml version="1.0" encoding="utf-8"?><root> <dept> <deptno>10</deptno> <dname>保安部</dname> </dept> <dept> <deptno>20</deptno> <dname>康乐部</dname> </dept> <dept> <deptno>30</deptno> <dname>办公室</dname> </dept></root> 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询