欢迎来到天天文库
浏览记录
ID:22780394
大小:72.00 KB
页数:9页
时间:2018-10-31
《javascript 调用xml制作连动下拉框--》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库。
1、Javascript调用XML制作连动下拉框>> 传统的HTML页面中连动下拉框采用了两种方法:1)直接将下拉框中的内容hardcode于html的javascript中,调用javascript函数循环写入下拉框中。这种方法不适用于下拉框内容经常改变的情况。因为数据源和javascript程序写死在同一页面。<html><head><title>List</title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"
2、><scriptLANGUAGE="javascript"><!--varonecount;onecount=0;subcat=neent.myform.smalllocation.length=0;varlocationid=locationid;vari;ument.myform.smalllocation.options[0]=neent.myform.smalllocation.options[ument.myform.smalllocation.length]=nename="myform"method="post"&
3、gt;<selectname="biglocation"onChange="changelocation(ument.myform.biglocation.options[ument.myform.biglocation.selectedIndex].value)"><optionvalue="01"selected>上海</option><optionvalue="02">江西</option></select><selectname="smalllocation">
4、<optionselectedvalue="">==所有地区==</option></select></form><scriptLANGUAGE="javascript"><!--changelocation(ument.myform.biglocation.options[ument.myform.biglocation.selectedIndex].value);//--></script></body></html>2)javascript
5、直接读取数据库,取数据库中的记录写入javascript中,然后和第一种方法一样,调用javascript函数循环写入下拉框中。此方法将数据源与javascript分开,但,公开数据库的连接,从安全角度说,没有多少实用价值。我的方法是将下拉框中的数据放在XML文件中,用javascript读XML文件,取得下拉框中的内容。HTML文件如下:<!--myfile.html--><html><head><scriptlanguage="JavaScript"for="lDoc=nee="";loadXML();fu
6、nctionloadXML(){xmlDoc.async="false";xmlDoc.load("account.xml");xmlObj=xmlDoc.umentElement;nodes=xmlDoc.umentElement.childNodes;ument.frm.mainclass.options.length=0;ument.frm.subclass.options.length=0;for(i=0;i<xmlObj.childNodes.length;i++){labels=xmlObj.childNodes(i).getAttr
7、ibute("display_name");values=xmlObj.childNodes(i).text;ument.frm.mainclass.add(ument.createElement("OPTION"));ument.frm.mainclass.options[i].text=labels;ument.frm.mainclass.options[i].value=values;}}</script><scriptlanguage="JavaScript">varxm123下一页>>>>这篇文章来自..,。lDoc=
8、neain){varis_selected="N";if(ument.frm.subclass
此文档下载收益归作者所有