动态下拉框,从后台获取数据

动态下拉框,从后台获取数据




    
    下拉框示例

    

    

    







本文对您有帮助请点个赞吆。
补充后台数据处理

var deptData;
$.ajax({
    url:'http://192.168.9.223:8088/rms/deptController/getExistDeptListByOrgId?orgId='+selectedOrgId,
    //url:base_url +'orgController/updateOrg',
    type:"post",
    async: false,
    contentType:"application/json;charset=UTF-8",
    dataType:"json",
    //data: JSON.stringify(editOrgParams),
    success:function(data){
        // var code =  data.code;
        // var message =  data.message;
        //if(code == '200'){//添加单位成功
        deptData = data;
        //alert(deptData)
    },
    error:function(){
        alert("Ajax请求错误...");

    }
});
//部门数据回显
    var initmenu = function(dropdown,menudata) {

        var dropdown = $(dropdown);
        function createNode(data) {

                   for(var i=0,l=data.length;i'+data[i]["deptName"]+'';

            }
            return html;
        }
        var html = createNode(menudata);
        dropdown.append(html);
    }

    // var menudata =[
    //     {name:"人事部",id:"122"},
    //     {name:"研发部",id:"123"}
    // ]
    initmenu("#deptSelect",deptData);

你可能感兴趣的:(前端)