从javascript函数向下拉列表添加名称列表

Add list of names to dropdown from javascript function

本文关键字：列表 添加 下拉列表 javascript 函数      更新时间：2023-09-26

我想把名字放在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); }

代码中的

list不是指下拉列表。

更改此

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

至

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

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

  • 在html中，您没有为<option>指定任何默认值。因此它返回空

  • 您正在尝试将<option>附加到为null的list。

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

更新：fiddle

相关文章：