通過XML文件使用JavaScript構建下拉列表

Question

我有這個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

謝謝你的幫助

Answer 1

由於我們不知道您是否在一項運動中擁有多個類別，錦標賽和球隊，所以我想您沒有。 這是在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>");
}