javascript - 在 IE8 中动态创建选择框选项问题

Question

我正在使用以下功能为我的选择框创建一个添加选项

  //add options to the requested select box
  addOptionsToSelect : function(__enum , obj, selected_value) {
    $(__enum).each(function(i){
       var optn = new Option(this.text, this.val)
       if(selected_value === this.val){  optn.setAttribute('selected', 'selected') } 
       $(obj)[0].options.add(optn); 
    });
    return obj
  }

1. __enum是包含值和我们传递给选择选项的文本的键值对

2. obj也是动态创建的选择框obj

3. selected_value是需要在选择框上设置为选中的值。

这里的问题optn.setAttribute('selected', 'selected')在所有期望 IE8 的浏览器中都可以正常工作。

我正在寻找一种解决方法，允许我在所有浏览器中动态设置所选值。

Answer 1

我会像这样添加一个选项：

var select = document.getElementById("drop-down");
var newOption = document.createElement("option");
newOption.innerHTML = 'hello';
select.appendChild(newOption);

这是一个例子：我的小提琴