在Javascript中动态创建选项元素

Question

Javascript动态创建DOM选项元素的首选方法是什么？我在实际代码中找到了Option构造函数和createElement变体，如下所示：

var option = new Option(text, value);

和此：

var option = document.createElement('option');
option.text = text;
option.value = value;

这些方法有任何缺点/兼容性问题吗？另外，是否还有其他方法可以动态创建选项，出于某些原因应优先考虑上述选项？

Answer 1

我所知道的两种方法没有区别。使用Option构造函数可以方便地设置选项的值和文本，但您也可以使用value和text属性执行相同操作。

可能有innerHTML方式，但是IE8和更老版本在这方面都很难......

Answer 2

我注意到，例如，使用新的Option（）在IE9下无法正常工作，它可以在IE10和IE11中运行。我最近回到原始代码，并使用document.createElement（'option'）恢复有人做的更改，以便IE9工作。