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

时间:2010-02-09 18:02:37

标签: jquery debugging internet-explorer

不知道从哪里开始......

我有一个带有选择输入字段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中遇到的错误是......

  

Object不支持此属性或方法(selectId.append行)

考虑到该行有多种方法被调用,我没有想法可以在这里发生什么。

即使是关于这样的调试情况的提示也会给我带来好处!!

- 提前感谢帮助

1 个答案:

答案 0 :(得分:0)

脚本在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])));
    });
}