代码之家 › 专栏 › 技术社区 › Derek Adair

ie/jquery兼容性,动态填充选择字段

internet-explorer debugging jquery

Derek Adair · 技术社区 · 15 年前

不知道从哪开始…

我有一个函数,它获取一个select输入字段ID,并用一个选项数组填充它。

function populateSelect(selectId, options){

    options = options.split(';');
    selectId.find('option').remove().end();

    $.each(options, function(i, option){
      option = option.split(':');
      selectId.append($('<option />').val(String(option[0].trim())).text(String(option[1].trim())));
    });
}

示例调用是…

selectId = $("#dateBar_graphSelect");
var options = 'Pie:Pie;Column:Column';
populateSelect(selectId, options);

我进入IE 8的错误是…

对象不支持此属性或方法(selectid.append行)

考虑到该行有几个方法被调用,我不知道这里会发生什么。

即使是关于调试这种情况的提示,也会对我有好处!!

-提前谢谢你的帮助

1 回复 | 直到 15 年前

Derek Adair 15 年前

脚本在处中断 option[0].trim()

这很管用…

function populateSelect(selectId, options){

    options = options.split(';');
    selectId.find('option').remove().end();

    $.each(options, function(i, option){
      option = option.split(':');

     selectId.append($('<option>')
            .val(String(option[0])) //NOTE - no trim
            .text(String(option[1])));
    });
}

推荐文章

Hala · 有没有什么方法可以将CSS属性设置为其他不兼容浏览器的属性的备用项?

2 年前

Error 1004 · 使用VBA从HTML中提取信息

6 年前

myroslav · IE11中Angular 4应用程序崩溃

6 年前

L Y E S - C H I O U K H Dumitru Boaghi · 在IE9/Angular 5/TypeScript上使用FormData,无需Ajax或jQuery

6 年前

Dhananjay C · Internet Explorer-表格上的CSS框阴影不适用于IE浏览器

6 年前

jacob · 当操作url为跨原点时,Microsoft浏览器不会将表单发布到iframe

6 年前

Athar K · 工具提示悬停上的过渡在IE上不起作用,在Google Chrome上效果很好

6 年前

adrien54 · 使用BlendColor过滤器的IE上的透明度问题

6 年前

Kathryn Crawford · ul元素上的伪元素在IE11中不起作用

6 年前

sankar · IE不显示abbr标记的边框底部

6 年前