Jquery添加选择选项

时间:2017-04-28 13:21:37

标签: jquery

function build_gl_codes_select(data, level) {
if(level == 0) {
    var gl_codes_select = $("#glcb_level_one");
    $("#glcb_level_two").find('option').remove().end();
    $("#glcb_level_three").find('option').remove().end();
    $("#glcb_level_four").find('option').remove().end();
    $("#glcb_level_five").find('option').remove().end();
} else if(level == 1) {
    var gl_codes_select = $("#glcb_level_two");
    $("#glcb_level_three").find('option').remove().end();
    $("#glcb_level_four").find('option').remove().end();
    $("#glcb_level_five").find('option').remove().end();
} else if(level == 2) {
    var gl_codes_select = $("#glcb_level_three");
    $("#glcb_level_four").find('option').remove().end();
    $("#glcb_level_five").find('option').remove().end();
} else if(level == 3) {
    var gl_codes_select = $("#glcb_level_four");
    $("#glcb_level_five").find('option').remove().end();
} else if(level == 4) {
    var gl_codes_select = $("#glcb_level_five");
}

gl_codes_select.find('option').remove().end();

if(data.length > 0) {
    var option = '<option>Select Code</option>';
    gl_codes_select.append(option);
    for(i in data) {
        var option = '<option value="'+ data[i]['id']+'">'+data[i]['code']+ " " + data[i]['description']+'</option>';
        gl_codes_select.append(option);
    }
    show_code();
} else {
    var option = '<option>0 </option>';
    gl_codes_select.append(option);
    if(level == 0) {
        $("#glcb_level_two").append(option);
        $("#glcb_level_three").append(option);
        $("#glcb_level_four").append(option);
        $("#glcb_level_five").append(option);
    } else if(level == 1) {
        $("#glcb_level_three").append(option);
        $("#glcb_level_four").append(option);
        $("#glcb_level_five").append(option);
    } else if(level == 2) {
        $("#glcb_level_four").append(option);
        $("#glcb_level_five").append(option);
    } else if(level == 3) {
        $("#glcb_level_five").append(option);
    }

    show_code();
}

}

我运行此代码,level == 0, 数据包含

Object
code:"4"
description:"Revenue & COGS" id :"1"

再增加4个&#34;选项&#34;。但是没有任何内容添加到选择中。我在if语句中记录了控制台,我们达到了我期望的那个。这些选项是循环的,它们永远不会被添加到选择中。我已经进行了双重检查,在任何其他代码中找不到的地方都没有清除选择。真正令人沮丧的是,这个确切的代码适用于另一个页面。我检查过明显的事情。

我看不到任何javascript错误。

我尝试构建所有选项,然后将它们附加到选择中。

我尝试过使用jquery .each循环播放。

我已经记录了选项字符串,它看起来像这样

<option value="29">5 Warehouse</option>

甚至更奇怪:当我故意添加错误条件时,将填充select。

0 个答案:

没有答案