Create dynamic dropdown list not working for me

See more:

Javascript

jQuery

i want create dynamic dropdownlist on function call in javascript and fill the drodownlist with database with help of ajax

What I have tried:

function dropdownlistbind(cn, dropdownid, tablename) {
    var obj = {};
    obj.coluname = cn;
    obj.tablename = tablename;
    $.ajax({
        url:         "webmethod.aspx/dropdownbine",
        data:        JSON.stringify(obj),
        dataType:    "json",
        type:        "POST",
        contentType: "application/json; charset=utf-8",
        success: function(r) {
            var data = new Array();
            var len = r.d.length;
            for (var i = 0; i < len; i++) {
                data[i] = r.d[i];
            }
            alert(data);
            return data;
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            alert('Got an Error ');
        }
    });
}

function addSelect(divname, columname, dropid, tablename) {
    var newDiv = document.createElement('div');
    var strin = "ffgggffggf";
    var html = '<select>', filter = dropdownlistbind(columname, dropid, tablename), i;
    alert();
    for (i = 0; filter.length; i++) {
        html += "<option value='" + filter[i] + "'>" + filter[i] + "</option>";
    }
    html += '</select>';
    newDiv.innerHTML = html;
    document.getElementById(divname).appendChild(newDiv);
}