[SOLUCIONADO] Variable no es reconocida en Jason

[elpropiopato23]

Hola Amigos de Foros del Web, un gran saludos a todos y de antemano les agradezco cualquier ayuda que me puedan dar.
Este es el mismo tema No reconoce una variable en respuesta JSON, lo repeti porque no encontre la opción Editar pues ya pasarón casi 10 dias de que lo publique.
Muchas gracias a maycolalvarez Colaborador que me especifico que usara la herramienta Highligth,pues no me había fijado que foros del web tiene esta gran herramienta.

Estoy trabajando con PHP MVC en Zend Framework y necesito cargar combobox dependientes de otros, observe este enlace
http://cefaleapersistente.wordpress.com/2012/09/18/select-dependientes-con-zend-framework-y-jquery/

y soluciono mi problema en parte, pues el código que carga el combo 2 con el combo1 es el siguiente en esa página:

Código Javascript:

$(function(){
        $('#item_select_1').change(function(){
            var ajax = $.ajax({
                type: "GET",
                url: "/ad/getmodelos/id/" + $(this).val(),
                async: true,
                dataType: "json",
                beforeSend: function(x) {
                    if(x && x.overrideMimeType) {
                        x.overrideMimeType("application/j-son;charset=UTF-8");
                    }
                },
                success: function(data){
                    var options = '';
                    for (var i = 0; i < data.length; i++) {
                        options += '<option value="' + data[i].id_modelo + '">' + data[i].nombre_modelo + '</option>';
                    }
                    $('#item_select_2').html(options);
                }
            });
        });
    })();
 

pero esta función que se plantea en esa página tendría que repetirse en varias ocaciones si ya uno quisiera llenar mas de 2 combobox.
En mi caso necesito llenar al rededor de 7 combobox, por la tanto hice esta misma función pero generica, para reutilizarla las veces que la necesite, pero ya la invocaria con el nombre de los combobox implicados y los campos del combo que se llenara con la respuesta JSON.

Al hacerlo la función generica me quedo de la Siguinete Forma:

Código Javascript:

LoadSelect = function (data) {
    id = data.atributs['id'];
    name = data.atributs['name'];
        $.ajax({
            url: data.url,
            type: data.type,
            data: data.data,
            async: true,
            dataType: data.data['format'],
            beforeSend: function(x) {
                if(x && x.overrideMimeType) {
                    x.overrideMimeType("application/j-son;charset=UTF-8");
                }
            },
            success: function(data){
                    var options = '';
                    for (var i = 0; i < data.length; i++) {
                        options += '<option value="' + data[i].id + '">' + data[i].name + '</option>';
                    }
                    $('#'+id).html(options);
            }
        });
}
 

invocaría la función de la Siguiente Forma:

Código Javascript:

$('#idcollection').bind('change',function () {
    $("#idubication option:first").text("Loading ...");
    LoadSelect({
        url : '/'+$lang+'/library/material/pruebaubication/',
        type : 'GET',
        data : {'format':'json','ubicationid':$(this).val()},
        atributs : {'id':"idubication",'name':"name"},
        element : $('#idcollection option:selected').val()
    });
});
 

Si observamos en el ciclo de la respuesta JSON

la linea esta así y no me funciona pues no reonoce la variable id

Código Javascript:

options += '<option value="' + data[i].id + '">' + data[i].name + '</option>';
 

si le doy un alert a la variable option me muestra este resultado
<option value=undefined>Primaria</option><option value=undefined>Psicología</option>

Me muestra este resultado por que el campo name es una clave de los valores que me devuelve la respuesta JSON y así se llama la variable pero si la variable name, la cambio por otro nombre tambien me pondra undefined, pero como la variable id no es igual al valor que me devuelve la respuesta JSON, me pone undefined

Si yo hago esto inmediatamente me da los resultados esperados.

Código Javascript:

options += '<option value="' + data[i].idubication + '">' + data[i].name + '</option>';
 
/*Me imprime
<option value="2">Primaria</option><option value="3">Psicología</option>*/
 

intente con la funcion eval() y no me funciono.

muchas gracias por la ayuda que me puedan dar mil gracias

[walterdevel]

Podes postear un ejemplo del resultado JSON que obtenes? En un momento usas id_modelo, nombre_modelo y despues otras variables, seguro no le estas errando el nombre?

[elpropiopato23]

Gracias Walter devel no es que haya nombrado las variables mal,
pues en el primer código me refería al código de la página de donde saque el ejemplo, pero los que yo hice fuerón, los del segundo código hacía adelante

en cuanto postear el resultado Json, el me devuelve el siguiente resultado

Código Javascript:

[{"idnivel":"12","idsubject":"2","name":"A2.0","insert":"2010-10-25 10:05:49","update":null},{"idnivel":"13","idsubject":"2","name":"B1.0","insert":"2010-10-25 10:05:49","update":null},{"idnivel":"14","idsubject":"2","name":"B2.0","insert":"2010-10-25 10:05:49","update":null}]
 

igualmente solucione ese problema con el siguiente código, solo modifique el Success

Código Javascript:

SigeXhrLoadSelect1 = function (data) {
                  id = data.attribs['id'];
                  name = data.attribs['name'];
                  $.ajax({
                            url: data.url,
                            type: data.type,
                            data: data.data,
                            async: false,
                            dataType:data.data['format'],
                            beforeSend: function(x) {
                                if(x && x.overrideMimeType) {
                               x.overrideMimeType("application/j-son;charset=UTF-8");
                                }
                             },
                             success: function(data){
                                        items=data.items;
                                        fields=new Array();
                                        for(var i=0;i<data.fields.length;i++){
                                            fields[i]=data.fields[i];
                                        };
                                        var options = '';
                                        for(var i=0;i<items.length;i++){
                                            for(var j=0;j<fields.length;j++){
                                                if(fields[j]){
                                                    options += '<option value="' + items[i][id] + '">' + items[i][name] + '</option>';
                                                    j++;
                                                };
                                            };
                                        };
                                        $('#'+id).html(options);
                              }
                    });
            }
 

Aunque si soy sincero se que esto se puede optimizar mucho mas. sin tener que utilizar esos 3 ciclos. yo lo único que quiero es optimizar ese código como lo especifique en el
success del ejemplo que yo hice

Código Javascript:

success: function(data){
                    var options = '';
                    for (var i = 0; i < data.length; i++) {
                        options += '<option value="' + data[i].id + '">' + data[i].name + '</option>';
                    }
                    $('#'+id).html(options);
            }
 

solo que no sé que pasa al ponerme undefined en los ID

Mil Gracias walter devel por su ayuda, y si alguien sabe otra respuesta para lo que yo quiero en la optimización de código, lo agradecere mucho