Skip to main content
mas explicacion
Origen Enlace
abrahamhs
  • 3.8k
  • 3
  • 19
  • 43
 function llenarCmb(combo, datos) {
        combo.find('option').each(function () {
            if ($(this).val() != "-1") {
                $(this).remove();
            }
        });
        for (var i = 0; i < datos.length; i++) {
            combo.append("<option value='" + datos[i]["id"] + "'>" + datos[i]["nombre"] + "</option>");
        }
        combo.selectric("refresh");
    }
    function llenarCombo(name, rutaControlador, strAccion, funcAppendCombo, id_cmb_padre) {
        $("select[name=" + name + "]").each(function () {
            combo = $(this);
            $.ajax({
                url: rutaControlador,
                data: { accion: strAccion, id_padre: id_cmb_padre },
                type: "POST",
                dataType: "json",
                success: function (datos) {
                    funcAppendCombo(combo, datos);
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    //console.log(jqXHR);
                    alert("No se pudo cargar el combo " + name + " : " + textStatus + ' Thrown: ' + errorThrown);
                },
                complete: function (jqXHR, status) {
                    //console.log(jqXHR);
                    //alert("complete\njqXHR="+jqXHR+"\nstatus="+status);
                }
            });
        });
    }

Las funciones siempre esperan un json de [{id:valorId,nombre:valorNombre},{id:valorId,nombre:valorNombre}] que tienes que armar en el lenguaje del server java,php,c# y en ningun momento violas el MVC.

 function llenarCmb(combo, datos) {
        combo.find('option').each(function () {
            if ($(this).val() != "-1") {
                $(this).remove();
            }
        });
        for (var i = 0; i < datos.length; i++) {
            combo.append("<option value='" + datos[i]["id"] + "'>" + datos[i]["nombre"] + "</option>");
        }
        combo.selectric("refresh");
    }
    function llenarCombo(name, rutaControlador, strAccion, funcAppendCombo, id_cmb_padre) {
        $("select[name=" + name + "]").each(function () {
            combo = $(this);
            $.ajax({
                url: rutaControlador,
                data: { accion: strAccion, id_padre: id_cmb_padre },
                type: "POST",
                dataType: "json",
                success: function (datos) {
                    funcAppendCombo(combo, datos);
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    //console.log(jqXHR);
                    alert("No se pudo cargar el combo " + name + " : " + textStatus + ' Thrown: ' + errorThrown);
                },
                complete: function (jqXHR, status) {
                    //console.log(jqXHR);
                    //alert("complete\njqXHR="+jqXHR+"\nstatus="+status);
                }
            });
        });
    }

Las funciones siempre esperan un json de [{id:valorId,nombre:valorNombre},{id:valorId,nombre:valorNombre}] y en ningun momento violas el MVC.

 function llenarCmb(combo, datos) {
        combo.find('option').each(function () {
            if ($(this).val() != "-1") {
                $(this).remove();
            }
        });
        for (var i = 0; i < datos.length; i++) {
            combo.append("<option value='" + datos[i]["id"] + "'>" + datos[i]["nombre"] + "</option>");
        }
    }
    function llenarCombo(name, rutaControlador, strAccion, funcAppendCombo, id_cmb_padre) {
        $("select[name=" + name + "]").each(function () {
            combo = $(this);
            $.ajax({
                url: rutaControlador,
                data: { accion: strAccion, id_padre: id_cmb_padre },
                type: "POST",
                dataType: "json",
                success: function (datos) {
                    funcAppendCombo(combo, datos);
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    //console.log(jqXHR);
                    alert("No se pudo cargar el combo " + name + " : " + textStatus + ' Thrown: ' + errorThrown);
                },
                complete: function (jqXHR, status) {
                    //console.log(jqXHR);
                    //alert("complete\njqXHR="+jqXHR+"\nstatus="+status);
                }
            });
        });
    }

Las funciones siempre esperan un json de [{id:valorId,nombre:valorNombre},{id:valorId,nombre:valorNombre}] que tienes que armar en el lenguaje del server java,php,c# y en ningun momento violas el MVC.

Origen Enlace
abrahamhs
  • 3.8k
  • 3
  • 19
  • 43

Estas funciones llenan cualquier tipo de combo:

 function llenarCmb(combo, datos) {
        combo.find('option').each(function () {
            if ($(this).val() != "-1") {
                $(this).remove();
            }
        });
        for (var i = 0; i < datos.length; i++) {
            combo.append("<option value='" + datos[i]["id"] + "'>" + datos[i]["nombre"] + "</option>");
        }
        combo.selectric("refresh");
    }
    function llenarCombo(name, rutaControlador, strAccion, funcAppendCombo, id_cmb_padre) {
        $("select[name=" + name + "]").each(function () {
            combo = $(this);
            $.ajax({
                url: rutaControlador,
                data: { accion: strAccion, id_padre: id_cmb_padre },
                type: "POST",
                dataType: "json",
                success: function (datos) {
                    funcAppendCombo(combo, datos);
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    //console.log(jqXHR);
                    alert("No se pudo cargar el combo " + name + " : " + textStatus + ' Thrown: ' + errorThrown);
                },
                complete: function (jqXHR, status) {
                    //console.log(jqXHR);
                    //alert("complete\njqXHR="+jqXHR+"\nstatus="+status);
                }
            });
        });
    }

Y estos son ejemplos de como llamarla:

llenarCombo("nameComboIndependiente", "url", "metodoAejecutarEnElServer", llenarCmb, null);//Combo independiente           
$("#idComboIndependiente").change(function () {
     llenarCombo("nameComboDependiente", "url", "OtroMetodoAejecutarEnElServer", llenarCmb, $(this).val());//Combo dependiente
});

Las funciones siempre esperan un json de [{id:valorId,nombre:valorNombre},{id:valorId,nombre:valorNombre}] y en ningun momento violas el MVC.