介绍
这篇文章将为大家详细讲解有关使用Ajax怎么实现一个动态加载组合框,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
<强>一,省。jsp 强>
& lt; % @ page 语言=癹ava",进口=癹ava.util。*“, pageEncoding=癠TF-8" %比; ,& lt; html> & lt;才能head> ,,& lt; script 类型=拔谋?javascript",语言=癹avascript"比; ,,,var xmlHttp =,假的,,//全局变量,用于记录XMLHttpRequest对象 ,,,function createXMLHttpRequest (), { ,,,,如果(window.ActiveXObject), {,//Internet Explorer时,创建XMLHttpRequest对象的方法 ,,,,,try { ,,,,,xmlHttp =, new ActiveXObject (“Msxml2.XMLHTTP"); ,,,,},捕捉(e), { ,,,,,try {,,,,,, xmlHttp =, new ActiveXObject (“Microsoft.XMLHTTP"); ,,,,,,//旧版本的Internet 探险家,创建XMLHttpRequest对象 ,,,,,},捕捉(e), { ,,,,,,window.alert(“创建XMLHttpRequest对象错误“+ e); ,,,,,}, ,,,,} ,,,},else 如果(window.XMLHttpRequest), {,//mozilla时,创建XMLHttpRequest对象的方法 ,,,,,xmlHttp =, new XMLHttpRequest (); ,,,,}, ,,,如果(! (xmlHttp)),{,//未成功创建XMLHttpRequest对象 ,,,,,window.alert(“创建XMLHttpRequest对象异常!“); ,,,}, ,,,} ,,//下拉列表项改变时的操作 ,,function proChange (objVal), { ,,,,createXMLHttpRequest();,//创建XMLHttpRequest对象 ,,,,. getelementbyid (“city") .length =, 1,,,,//根据ID获取指定元素,并赋值 ,,,,xmlHttp.onreadystatechange =, cityList;,//指定onreadystatechange处理函数 ,,,,var url=癈ityByXMLServlet ??? objVal;,//请求的url地址 ,,,,xmlHttp.open (“POST"、url、真实); ,,,,xmlHttp.send(空); ,,,} ,,,function cityList (), {,//onreadystatechange的处理函数 ,,,如果(xmlHttp.readyState==4), { ,,,,,如果(xmlHttp.status==200), { ,,,,,,parseXML (xmlHttp.responseXML);,,,//解析服务器返回XML的数据 ,,,,} ,,,,} ,,} ,,,//解析xml信息,以添加地市 ,,,function parseXML (xmlDoc), { ,,,var len =, xmlDoc.getElementsByTagName (“city"); ,,,//获取XML数据中所有的“城市”元素对象集合 ,,,,var _citySel =, . getelementbyid (“city");,,,//根据ID获取页面中的选择元素 ,,,,,(var 我=0;i,,& lt; title>动态加载组合框& lt;/title> & lt;才能/head> & lt;才能body> ,,& lt; table 对齐=癱enter",边境=1,宽度=?20“比; ,,,& lt; tr> ,,,,& lt; td>省份:& lt;/td> ,,,& lt; td> ,,,,& lt; select id=皃rovince", onChange=皃roChange (this.value);“,在 ,,,,,& lt; option 价值=https://www.yisu.com/zixun/癵d”>广东> 选项 <选项值=癵x”>广西选项> <选项值=" hn ">湖南> 选项 <选项值=耙腋巍?湖北> 选项 <选项值=鞍 ?安徽选项> 选择> 道明> 表> 身体>城市: <选择id="城市"> <选项值=" ">,请选择——选项> 选择>