[求助]js+xml生成select
时间:2004-10-31
来源:互联网
在网上搜到了一个js+xm实现的l联动select,可是我只需要一级,请大侠指条名路,
我现在已经实现了,可是我想代码通用性更强点,问题如下
1,现在的js只能给frm.mainclass加选项,能不能改动js实现可以用 loadXML("acc.xml",obj) 给obj添加选项
2,能不能在acc.xml中存放多个select的选项,然后根据需要调用
感谢大侠们帮忙了,我对xml和js都是菜菜鸟的说
select.htm
<html> <head> <script language="JavaScript" for="window" event="onload"> var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); var i=0; var j=0; var subclass_name=""; loadXML("acc.xml"); function loadXML(filen){ xmlDoc.async="false"; xmlDoc.load(filen); xmlObj=xmlDoc.documentElement; nodes = xmlDoc.documentElement.childNodes; document.frm.mainclass.options.length = 0; for (i=0;i<xmlObj.childNodes.length;i++){ labels=xmlObj.childNodes(i).getAttribute("display_name"); values=xmlObj.childNodes(i).getAttribute("realvalue"); document.frm.mainclass.add(document.createElement("OPTION")); document.frm.mainclass.options[i].text=labels; document.frm.mainclass.options[i].value=values; } } </script> <title>在HTML中调用XML数据</title> </head> <body bgcolor="#FFFFFF"> <FORM NAME="frm"> 类型<SELECT NAME="mainclass" ></SELECT> </form> </body> </html>
提示:您可以先修改部分代码再运行
acc.xml
[code]
<?xml version="1.0" encoding="GB2312"?>
<item>
<class display_name="状元" realvalue="1"/>
<class display_name="榜眼" realvalue="2"/>
<class display_name="探花" realvalue="3"/>
<class display_name="无名" realvalue="4"/>
</item>
[code]
我现在已经实现了,可是我想代码通用性更强点,问题如下
1,现在的js只能给frm.mainclass加选项,能不能改动js实现可以用 loadXML("acc.xml",obj) 给obj添加选项
2,能不能在acc.xml中存放多个select的选项,然后根据需要调用
感谢大侠们帮忙了,我对xml和js都是菜菜鸟的说
select.htm
<html> <head> <script language="JavaScript" for="window" event="onload"> var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); var i=0; var j=0; var subclass_name=""; loadXML("acc.xml"); function loadXML(filen){ xmlDoc.async="false"; xmlDoc.load(filen); xmlObj=xmlDoc.documentElement; nodes = xmlDoc.documentElement.childNodes; document.frm.mainclass.options.length = 0; for (i=0;i<xmlObj.childNodes.length;i++){ labels=xmlObj.childNodes(i).getAttribute("display_name"); values=xmlObj.childNodes(i).getAttribute("realvalue"); document.frm.mainclass.add(document.createElement("OPTION")); document.frm.mainclass.options[i].text=labels; document.frm.mainclass.options[i].value=values; } } </script> <title>在HTML中调用XML数据</title> </head> <body bgcolor="#FFFFFF"> <FORM NAME="frm"> 类型<SELECT NAME="mainclass" ></SELECT> </form> </body> </html>
提示:您可以先修改部分代码再运行
acc.xml
[code]
<?xml version="1.0" encoding="GB2312"?>
<item>
<class display_name="状元" realvalue="1"/>
<class display_name="榜眼" realvalue="2"/>
<class display_name="探花" realvalue="3"/>
<class display_name="无名" realvalue="4"/>
</item>
[code]
作者: 7th 发布时间: 2004-10-31
555555,哪位大侠帮个忙啦
作者: 7th 发布时间: 2004-11-02
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28