SELECT在浏览器中相关Bug整理

2020-04-28 08:14:30易采站长站整理

再看代码

复制代码
<select id=”s” style=”width:100px;background:lightskyblue”></select>
<select id=”s2″ style=”width:100px;background:lightgrey”></select>
<script>
var s = document.getElementById(“s”);

//方式1
s.add(new Option(“A”, 1));
//方式2
s.appendChild(new Option(“B”, 2));
//方式3
s.insertBefore(new Option(“C”, 3),s.options[2]);
//方式4
s.options[3] = new Option(“D”, “B”);
//方式5
var op = document.createElement(“option”);
op.appendChild(document.createTextNode(“E”));
s.appendChild(op);
//方式6
var s2 = document.getElementById(“s2”);
s2.innerHTML = “<option>X</option><option>Y</option>”;
</script>

正常来讲这5种方法都应该是没问题的。可结果是方法2,3,6失效。

解决方法的话。。只能是避开这个坑,使用1,4,5方法吧!