javascript - 从 javascript 函数将名称列表添加到下拉列表

Question

我想将名字放入 dropdown列表，但现在似乎对我不起作用。我不知道我做错了什么。任何帮助将不胜感激。

html:

<select name="status" id="dropdownlist" style="width: 100%;">
   <option value="">Select Option</option>
</select>

js:

  success: function(resp)
        {
            alert(resp); // names for example: mile,stone,
            var arr = resp.split(",");
            var list = document.getElementById("dropdownlist").value;
            alert(list); // Null
            list.length = 1;
            for(var i = 0; i < arr.length; i++)
            {
                var name = arr[i];
                if(name.length != 0)
                {
                    var option = document.createElement('option');
                    option.text = option.value = name;
                    list.add(option);
                }
            }
        }

` 编辑:(某人的解决方案)


success: function(resp)
{
alert(resp); // names for example: mile,stone,
var arr = resp.split(",");
var list = $(".dropdownlist");
list.length = 1;
var html = "";
for(var i = 0; i < arr.length; i++)
{
var name = arr[i];
if(name.length != 0)
{
html += "<option value='" + name + "'>";
html += name;
html += "</option>";
}
}
$(".dropdownlist").append(html);
}

Answer 1

list您的代码中没有引用下拉列表。

改变这个

var list = document.getElementById("dropdownlist").value;

至

var list = document.getElementById("dropdownlist");

document.getElementById("dropdownlist").value;返回所选项目的值。

• 在您的 html 中，您尚未为 <option> 指定任何默认值。 。因此它返回 null

• 您正在尝试追加 <option>至list这是空的。

• document.getElementById("dropdownlist");返回您的 <select>元素，您可以在其中附加 <option> s

更新:fiddle