jQuery给select添加option时，FireFox中可以执行，IE里不行？


<meta http-equiv="Content-Type" content="text/html; charset=gbk" /><script src="http://code.jquery.com/jquery-latest.min.js"></script><script>
var data = "[{rowId:'29',deptName:'系统支持部'},{rowId:'31',deptName:'市场管理部'},{rowId:'61',deptName:'董事会办公室'}]"; var dataObjects = eval(data); //一个不错的参考网站： http://stackoverflow.com/questions/170986/what-is-the-best-way-to-add-options-to-a-select-from-an-array-with-jquery
function changesub(){
$('#projectForm_project_superDepartment_rowId option').remove(); for(var i=0;i<dataObjects.length; i++){
$(new Option(dataObjects[i].deptName,dataObjects[i].rowId)).appendTo('#projectForm_project_superDepartment_rowId');
}
}</script><select name="project.superDepartment.superSorg.rowId" id="projectForm_project_superDepartment_superSorg_rowId" onchange="changesub()">
    <option value="">--请选择--</option>
    <option value="1" selected="selected">赛尔网络有限公司</option>
    <option value="10">赛尔网络有限公司北京分公司</option>
</select><select name="project.superDepartment.rowId" id="projectForm_project_superDepartment_rowId">
<option value="">--请选择--</option>
</select>
不用解释这个代码的意思了吧。在FireFox（Firefox/3.5.9）中执行没问题。
在IE（Version: 8.0.6001.18702）里没结果，也不挺不错。难道是jQuery的一个bug？ 这个怎么绕过去？

解决方案 »

  1.   

    可以参考下这个：http://www.electrictoolbox.com/jquery-add-option-select-jquery/，临时找到还没试。
      

  2.   


    呵呵， 请问怎么批量结贴呢？ 
    那些帖子都是有年头的了， 好久没上CSDN了，给忘了。 多谢提醒！
      

  3.   


        function changesub(){
            $('#projectForm_project_superDepartment_rowId option').remove();
    var $o=$('#projectForm_project_superDepartment_rowId');
            for(var i=0;i<dataObjects.length; i++){
    $("<option></option>").val(dataObjects[i].rowId).text(dataObjects[i].deptName).appendTo($o);
            }
        }
      

  4.   

    IE的bug
    参照：http://support.microsoft.com/kb/276228
      

  5.   

    var html = $("<option>ssss</option>");
    xx.append(html);
    一般这样就可以了
      

  6.   


    呵呵， 周末了刚上CSDN， 这就结贴。