`
zuiyanwangyue
  • 浏览: 169365 次
  • 性别: Icon_minigender_1
  • 来自: 河北
社区版块
存档分类
最新评论

JQuery动态生成页面select元素时在IE下的BUG

阅读更多

场景:想要制作一个级联列表(A、B),A改变时B也随着改变,那么在初始化时B应该为一个空下拉列表,但是如果在IE下这样写:

 

jQuery(document).ready(function($){
    $("body").append($("<select id='a'><option value='a'>A</option><option value='b'>B</option></select>")
       .change(function(){
          $("#b").empty().append($("<option>"+this.value+"</option>"));
     }));

    $("body").append("<select id='b'></select>");
});

 

在IE8下当A发生改变时B并不能动态获得相应的选项(option),FireFox没有问题。经过测试,如果把B元素放到页面上(<body><select id="b"></select></body>)而不是动态生成则没有问题。

 

而如果非要动态生成的话,经过测试在生成时为b增加一个空选项也不会有问题,即将$("body").append("<select id='b'></select>");改为$("body").append("<select id='b'><option></option></select>");

 

不知道这应该归咎于JQuery还是IE 8.0.7600.16385。

分享到:
评论

相关推荐

    asp.net 自定义DropDownList(CustomDropDownList)(上一个有点bug)

    用DataGrid基于jQuery(实际上只用了它的按照类查找元素一个方法)写的自定义DropDownList,解决不能控制生成后的Select html控件不能控制zIndex而遮挡Div层及其他复杂样式,没有封装成dll,压缩包里是例子及所有用到...

    商用版本文本编辑器DotNetTextBoxV6.0.8Source 源码

    8)修正获取远程页面功能在获取部分页面时乱码的BUG! 9)增加批量上传文件的功能,同时优化了所有模块的上传文件功能。 10)所有弹出的模态窗口现在可根据内容自动调整高度及宽度,杜绝旧版本在一些浏览器下显示窗口内容...

    DotNetTextBox V6.0.10 商业版 下载 (已知最新)

    8)修正获取远程页面功能在获取部分页面时乱码的BUG! 9)增加批量上传文件的功能,同时优化了所有模块的上传文件功能。 10)所有弹出的模态窗口现在可根据内容自动调整高度及宽度,杜绝旧版本在一些浏览器下显示窗口...

    ExtAspNet_v2.3.2_dll

    -修正了Firefox下Zoom In/Out时页面消失的BUG。 -删除Panel的EnableLightBackgroundColor属性,同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正了Firefox下Zoom In/Out时页面消失的BUG。 -删除Panel的EnableLightBackgroundColor属性,同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton...

    大名鼎鼎SWFUpload- Flash+JS 上传

    它还提供了一组简明的JavaScript事件,借助它们开发者可以方便的在文件上传过程中更新页面内容来营造各种动态效果。  在使用SWFUpload之前,请确认你具备一定的JavaScript和DOM知识。在实际开发中,大部分的错误都...

Global site tag (gtag.js) - Google Analytics