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

比眉伴天荒 2023-10-07 13:17 18阅读 0赞

#### HTML代码： ####

#### 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字符串工具类源码][Java StringUtil]

[Java StringUtil]: https://blog.csdn.net/qq_38974638/article/details/105019424