javascript - 选择框 : On IE item is added to OptGroup instead of root. FF ok

Question

Select Box 和 OptGroup 的行为有点奇怪: 我使用 OptGroup 并尝试在末尾添加一个我希望不在 OptGroup 中的项目。 FF 按预期执行，但 IE 将其添加到 OptGroup

使用此代码:fiddle (注意:JQuery 只是用于 .ready 方法，我不能在我的项目中使用它)

<select id="selectbox">
    <optgroup label="optGroup1">
        <option>aaaa</option>
    </optgroup>
</select>

---

$(document).ready(function() {
    var select = document.getElementById("selectbox");
    option = document.createElement( 'option' );
    option.value = option.text = "test";
    select.add( option );
});

---

在IE和FF中结果不同

即: FF:

注意:我正在使用 Javascript 添加项目，因为我目前正在使用 GWT。这就是 GWT 将项目添加到 select 的方式。

Answer 1

This works在 IE 和 Chrome 中，所以它应该在 FF 中工作:

$(document).ready(function() {
var select = document.getElementById("selectbox");
option = document.createElement( 'option' );
option.value = option.text = "test";
select.appendChild( option );
});