dom操作中select的动态创建

之前写过好几种，但今天发现不太兼容：

最后兼容采用的：

$('ele_select')options.add(new Option(text,value)); 
之前使用过的：
var $op = new Option(text,value)); 
$select.options[] = $op;
#也可以直接：$select.options[] = new Option( s.field_1,s.field_2 );
#但这个在ie下不显示text
 

另一种：

var   $op       =   document.createElement("OPTION");
$op.innerText   =   text;   //ie下显示正常
$op.text        =   text;   //ff下显示正常
$op.value       =   value;   
 



 

总结一下：

#创建
var   $op       =   document.createElement("OPTION");
var   $op_2     =   new Option(text,value); 
#加到原来的里面去
$select.options[]  = $op;
$select.options.add($op);
 

直接插入html代码也是ok的，不过，ie下好像不行。

    $.each( op_list, function(i, n){
        $("#select").append("<option value='"+i+"'>"+n+"</option>"); 
    }); 
#jquery确实很优美