Question

我使用简单的html代码显示一个选择框，当我使用select属性的id属性时，它不会显示列表中的任何项目，但是当我删除id属性时它可以工作。但令人惊讶的是，相同的代码在Firefox和Google Chrome中运行良好。

<select id="class_renew" name="class_renew" onchange="class_check()" style="width:310px; height:35px; padding:8px; margin-left:95px;">
<option value="0">Select Your Class</option>
                        </select>

任何人的帮助将不胜感激。

Java脚本代码

function classInput(data){
    var category_vals = document.getElementById("class_renew");

    for(var i=0;i<data.length;i++){

            category_vals.innerHTML+="<option value='"+data[i].cat+"'>PK-"+data[i].cat+"</option>"
        }

}

Answer 1

ID必须匹配。 “class_renew”和“categroy_renew”[sic]不一样，所以当然不会起作用;）

编辑：

而不是使用.innerHTML，为什么不做正确的事情呢？

category_vals.appendChild(new Option("PK-"+data[i].cat,data[i].cat));

这确保您不会遇到任何问题，例如，如果任何项目中包含撇号。

在Internet Explorer中选择框问题

1 个答案: