동적 드롭다운 상자, 백그라운드에서 데이터 가져오기

동적 드롭다운 상자, 백그라운드에서 데이터 가져오기

    
    

    

    

    




     
     
     
     




    var initmenu = function(dropdown,menudata) {

        var dropdown = $(dropdown);

        function createNode(data) {

            //var html ='<ul class="dropdown-menu">';

            for(var key in data) {

                    html +='<option value="'+data[key]["id"]+'">'+data[key]["name"]+'</option>';

            }

            return html;

        }

        var html = createNode(menudata);

        dropdown.append(html);

    }

    var menudata =[
        {name:" ",id:"122"},
        {name:" ",id:"123"}
    ]
    initmenu("#selectFrame",menudata);

본문이 당신에게 도움이 되었으니 칭찬을 눌러 주십시오.백그라운드 데이터 처리 보완

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);