Javascript 使用js将动态内容添加到选择选项列表

在html页面上，我有两个下拉列表

select

input类型

第一个选择下拉列表的内容如图所示。第二个选择最初为空

<select id="box1" name="box1">
    <option selected="selected" value="">--Select-One--</option>
    <option value="Apple"> Apple </option>
    <option value="Orange"> Orange </option>
</select>

这在chrome和firefox中运行得很好，但在IE中不行。我想可能是

appendChild

导致了IE中的问题

请为不同版本的IE提供修复此问题的提示

注:

在IE9上测试

我已经检查了关于同一错误的其他问题，但大多数问题都是表行的w.r.t

---

如果必须使用跨浏览器功能，我建议您使用类似jQuery的Javascript库，在jQuery中您可以执行以下操作：

jQuery("#selectId").append('<option value="' + text + '">' + text + '</option>');

jQuery（“#selectId”）.append（“”+text+“”）；

我已经创建了一个新的应用程序，这在IE9上似乎对我有用。你能告诉我这个演示对你有用吗？如果没有。。。怎么了？

jQuery("#selectId").append('<option value="' + text + '">' + text + '</option>');