0

Tengo un select que al seleccionar me trae cierta información de la base de datos por medio de un ajax, hasta ahí todo normal, y tengo la siguiente función en javascript que me ejecuta ciertas operaciones con esos datos basados en la selección que hice anteriormente,

JS:

 var probar = function(){

        var id_maquina = this.value;
        var nu_cylinders = document.getElementById('nu_cylinders');
        var nu_perimeter_cylinder_a_a = document.getElementById('nu_perimeter_cylinder_a_a');
        var nu_width_cylinder_l_l = document.getElementById('nu_width_cylinder_l_l');
        var url = "maquinas/"+id_maquina;

        $.get(url, function(data){
            nu_cylinders.value = data.nu_cylinders;
            nu_perimeter_cylinder_a_a.value = data.nu_perimeter_cylinder_a_a;
            nu_width_cylinder_l_l.value = data.nu_width_cylinder_l_l;
        });

        var perimetro_a_a = nu_perimeter_cylinder_a_a.value;
        var ancho_cilindro_l_l = nu_width_cylinder_l_l.value;
        var ancho_bobina_l_l = $('#bobbin_Width_l_l').val();
        var dist_fotocelda = $('#photocell_width_a_a').val();
        var repeticiones_l_l = $('#number_repetitions_l_l').val();
        var refile_mp = $('#refile_mp').val();

        console.log(perimetro_a_a,ancho_cilindro_l_l,ancho_bobina_l_l,dist_fotocelda);  

        if(perimetro_a_a<ancho_bobina_l_l){
            alert('Error: El perimetro A-A´ es inferior al ancho de bobina requerido, favor seleccione otra maquina');
            $('#nu_perimeter_cylinder_a_a').addClass("uk-form-danger");
            $('#nu_perimeter_cylinder_a_a').removeClass("uk-form-success");
        } else {
            $('#nu_perimeter_cylinder_a_a').removeClass("uk-form-danger");
            $('#nu_perimeter_cylinder_a_a').addClass("uk-form-success");
            var operacion = Math.round(perimetro_a_a/ancho_bobina_l_l);
            var diferencia = (ancho_bobina_l_l-(perimetro_a_a/operacion)).toFixed(2);
            var repeticiones = Math.floor(perimetro_a_a/ancho_bobina_l_l);
            console.log(operacion,diferencia,repeticiones);
            difference.value = diferencia;
            number_repetitions_l_l_sug.value = repeticiones;
            }

    };

    $('#convert_machine').change(probar);

Cada vez que selecciono una nueva opción del select en la vista se ve correctamente el valor traído de la base de datos, pero los cálculos los hace con valores previos a la selección que realizo.

imagen:

introducir la descripción de la imagen aquí

En la imagen se ve que selecciono una opción que me muestra el perímetro con un valor de 650 pero en la consola me dice que esta operando con un valor de perímetro de 680, pero cuando vuelvo a seleccionar otra opción del select ahí si me trae en la consola el valor de perímetro de 650 pero en la vista se ve uno completamente distinto y así sucesivamente. Creo que el error esta en la función almacenada en la variable probar pero no se cual es exactamente, que se podría hacer es este caso en particular?

1 respuesta 1

0

El valor nuevo lo selecciona cuando cambia lo opción, no cuando se hace click. Por lo tanto:

$(function(){

        $('#convert_machine').change(function(){

                var id_maquina = this.value;
                var nu_cylinders = document.getElementById('nu_cylinders');
                var nu_perimeter_cylinder_a_a = document.getElementById('nu_perimeter_cylinder_a_a');
                var nu_width_cylinder_l_l = document.getElementById('nu_width_cylinder_l_l');
                var url = "maquinas/"+id_maquina;

                $.get(url, function(data){
                    nu_cylinders.value = data.nu_cylinders;
                    nu_perimeter_cylinder_a_a.value = data.nu_perimeter_cylinder_a_a;
                    nu_width_cylinder_l_l.value = data.nu_width_cylinder_l_l;
                });

        });

     });
1
  • Gracias @PedroPrada, lo intente de la forma descrita pero el comportamiento sigue siendo el mismo, me carga un valor distinto al que yo selecciono, es como la selección estuviera un paso atrasada, pensé que era porque el mismo ID ejecutar varios eventos a la vez y por eso ese comportamiento, para ello pase el ajax a la función prueba pero nada el resultado es igual me trae el valor del select previo al que yo selecciono, la verdad no se que mas hacer la única prueba que si he hecho y que funciona a medias es usando el evento focus en el campo #cilindro. Commented el 4 dic. 2017 a las 12:47

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.