如何将XML数据添加到下拉列表

时间:2019-01-19 15:47:25

标签: javascript html

我试图用我从XML文件中匹配的数据填充HTML创建的下拉列表。

目前,我可以使用javascript函数读取XML文件并获取所需的匹配数据,并在Alert窗口中显示变量以进行调试。

但是,我不确定如何将每条匹配数据绑定到下拉列表。

下面是XML搜索功能,其中显示了警报弹出窗口和变量“名称”,我想在下拉列表中将“名称”的每个条目显示为n选项。

if (xmlDoc != null) {      
    var restaurants = new Array();
    var x = xmlDoc.getElementsByTagName("Units");
    for (i = 0; i < x.length; i++) {
        if (x[i].getElementsByTagName("Type")[0].childNodes[0].nodeValue == "Container" ) {

           if (x[i].getElementsByTagName("Allocated")[0].childNodes[0].nodeValue == "YES" ) {

            var name = x[i].getElementsByTagName("Name")[0].childNodes[0].nodeValue;
            var telnumber = x[i].getElementsByTagName("Allocated")[0].childNodes[0].nodeValue;               
                  alert("Found "+name); 
         }
       }

这是我的HTML dropDownlist填充的一个“默认”条目。

<select id="myDropDown" style="width: 95%; border-radius:8px; border:1px solid #AAAAAA;"><option value="default">Default</option></select>

我只是不确定如何在其中获取“ name”变量并填充列表。

任何帮助将不胜感激。

0 个答案:

没有答案