使用JavaScript通过XML文件构建DropDown列表

时间:2015-05-12 03:17:48

标签: javascript xml

我有这种XML结构:

<sport id="1" name="Soccer">
        <category id="257" name="CountryName">
            <tournament id="11275" uniqueid="722" name="Tournament Name" uniquetournamentname="Tournament Name">
                <team id="5447831" name="Team Name" superId="38529" />
            </tournament>
       </category>
</sport>

并保存为soccer.xml,我想构建将显示的下拉列表

Soccer
-CountryName
--Tournament
---Team

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

由于我们不知道你是否在一项运动中有多个类别,锦标赛和团队,我认为你不会。这是在vanilla JS中访问它的简单代码

xmlDoc=loadXMLDoc("soccer.xml"); // your document name
var sports=xmlDoc.getElementsByTagName("sports");

for (i=0;i<sports.length;i++) { // Just iterate throught each sports
  document.write(sports[i].nodeName+"<br>"+
  "-"+sports[i].childNodes[0].nodeName+"<br>"+
  "--"+sports[i].childNodes[0].childNodes[0].nodeName+"<br>"+
  "---"+sports[i].childNodes[0].childNodes[0].childNodes[0].nodeName+"<br>");
}