javascript读取XML生成下拉菜单

最新推荐文章于 2024-04-18 09:43:47 发布

zalvsa

最新推荐文章于 2024-04-18 09:43:47 发布

阅读量1.4k

点赞数

分类专栏： javascript 文章标签： javascript xml encoding function table html

本文链接：https://blog.csdn.net/zalvsa/article/details/516120

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html>
<head>
<script language="javascript" for="window" event="onload">
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
var i=0;
var j=0;
loadXML();
function loadXML(){
xmlDoc.async = "false";
xmlDoc.load("mana/comp.xml");
xmlObj = xmlDoc.documentElement;
nodes = xmlDoc.documentElement.childNodes;
for( i = 0;i < xmlDoc.documentElement.childNodes(0).childNodes.length;i++){
  label = xmlDoc.documentElement.childNodes(0).childNodes(i).getAttribute("display_name");
  value = xmlDoc.documentElement.childNodes(0).childNodes(i).text;
  document.form1.first_select.add(document.createElement("OPTION"));//添加一个下拉选项
  document.form1.first_select.options[i].text = label;//下拉选项的文本
  document.form1.first_select.options[i].value = value;//下拉选项的值
}
}

</script>
</head>
<body>
<form id='form1' name='form1'>
<table width='100%' align='center'>
<tr>
<select id='first_select' name='first_select'>
</select>
</tr>
</table>
</form>
</body>
</html>

//DOM访问原则为子节点->子节点

comp.xml

<?xml version="1.0" encoding="utf-8"?>
<select>
<item display_name="copmnany">
  <item display_name="select company"></item>
  <item display_name="TAIWAN SENTEC">stsal</item>
  <item display_name="XIAMEN SENTEC">sysal</item>
  <item display_name="SHANGHAI SENTEC">shsal</item>
  <item display_name="VIETNAM SENTEC">vcsal</item>
</item>
<item name="language">
  <item>Chinese(Zh)</item>
  <item>Chinese(Zh_Tw)</item>
  <item>English</item>
</item>
</select>

zalvsa

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript读取XML生成下拉菜单

var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");var i=0;var j=0;loadXML();function loadXML(){ xmlDoc.async = "false"; xmlDoc.load("mana/comp.xml"); xmlObj = xmlDoc.documentElement; nodes = xmlDoc.
复制链接

扫一扫