javascript - 选择框不会填充 javascript

Question

我正在使用 javascript 在我的页面中填充一个选择框，但它不起作用，选择框显示但它完全是空的。

我的控制台也没有错误。

我的脚本是这样的:

        var select = document.createElement("select");
            for(var i in resource){
                if(i !== id && select.hasOwnProperty(i)){
                    select.setAttribute(i, resource[i].name);
                }
            }
            d.appendChild(select);

资源的示例数据:

{
 "1":{"name":"Test"},
 "2":{"name":"Test2"},
 "3":{"name":"Test3"}
}

关于为什么它不会填充的任何想法？

Answer 1

您的脚本中的错误很少，如您所见，评论中提到了很多错误。

你要找的可能是这样的

var select = document.createElement("select");
for(var i in resource){
    if(resource.hasOwnProperty(i)){ //removed the i !== id condition, you may put it back
        var opt = new Option(resource[i].name, i);
        select.options[select.options.length] = opt;
    }
}
document.body.appendChild(select);

演示:Fiddle