javascript讀取XML生成下拉菜單

<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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章