js 绑定下拉框并设置默认值

HTML代码:

<select id="selectId"></select>

js代码:

从数据库获取数据版本

//通过CodeType和SysName去数据库获取数据绑定到下拉框中,并且可以设置默认值
function BindListCode(selectId,codeType,sysName,defaultVal){
    $.ajax({
        url:"/t_ListCode/getListCodeList",
        type:"POST",
        async:true,
        data:{
            codeType:codeType,
            sysName:sysName
        },success:function(data){
            if(!isNullOrEmpty(data)&&data.length>0){
                $("#"+selectId).empty();
                var optionItem=$("<option></option>").append(" 请选择 ").attr("value","");
                optionItem.appendTo($("#"+selectId));
                for(var i=0;i<data.length;i++){
                    var optionItem=$("<option></option>").append(data[i].codeName).attr("value",data[i].code);
                    optionItem.appendTo($("#"+selectId));
                }
                //设置默认值
                if(!isNullOrEmpty(defaultVal)){
                    $("#"+selectId).val(defaultVal);
                }
            }
        }
    })
}

使用本地数据版本

//将本地绑定到下拉框中,并且可以设置默认值
function BindListCode(selectId,data,defaultVal){
    if(!isNullOrEmpty(data)&&data.length>0){
        $("#"+selectId).empty();
        var optionItem=$("<option></option>").append(" 请选择 ").attr("value","");
        optionItem.appendTo($("#"+selectId));
        for(var i=0;i<data.length;i++){
            var optionItem=$("<option></option>").append(data[i].codeName).attr("value",data[i].code);
            optionItem.appendTo($("#"+selectId));
        }
        //设置默认值
        if(!isNullOrEmpty(defaultVal)){
            $("#"+selectId).val(defaultVal);
        }
    }
}

isNullOrEmpty()方法源码:

Java StringUtil字符串工具类源码

发布了40 篇原创文章 · 获赞 1 · 访问量 2506

猜你喜欢

转载自blog.csdn.net/qq_38974638/article/details/105620447