actualizar item de varios combobox con ajax

[stevens82]

Hola espero su ayuda con este problema.

traigo desde la bd unos combobox todos iguales pero en diferentes registros, digamos tal persona ha hecho 3 pedidos en diferentes horas y estos combobox tiene la opcion de: "Pendiente q esta por default" y "Aprobado" y "Rechazado"

entonces genera en la misma tablita q se muestra para esa persona 3 registros con su combobox, mi pregunta es com puedo actualizar dinamicamente cada uno de esos combobox?, con uno independiente lo puedo hacer pero con 3 solo me actualiza el primero.

Pdta. Se debe seleccionar un item de un combobox y se actualiza en la BD y ais para cada uno de esos registros.

est es mi codigo con el que los traigo

Código PHP:

  <select id="estado_oym" name="estado_oym" class="form-control selectpicker" data-width="fit" data-style="">
                                    {foreach from=$estado_v item=esto}
                                    <option codigooym="{$dato.CODIGO}" idoym="{$fe.ID}" value="{$esto.ID}" data-icon="" id="estados_oym" class="text-uppercase" {if ($esto.ID == $fe.ID_ESTADO_OYM)} selected="selected" {/if}>{$esto.ESTADO_V} - {$dato.CODIGO}</option>
                                    {/foreach}
                                </select>  
   

y este el ajax con el que envio

Código Javascript:

$("#estado_oym").change(function() {
        var estadooym = $(this).children(":selected").val();
        var codigooym = $("#estados_oym").attr("codigooym");
        var idoym = $("#estados_oym").attr("idoym");
        $.ajax({
            type: "POST",
            url: _root_ + 'validacion/detalle/' + codigooym,
            data: {
                codigo: codigooym,
                id: idoym,
                estado_oym: estadooym
            },
            success: function(msg) {
                if (msg != "") {
                    /***codigo ***/
                }
    
            }
        });
    });
 

gracias de antemano por su pronta ayuda

[xfxstudios]

te comento que no debes ponerle la misma id a los combox, porque te va a dar problemas, juega copn una clase, por ejemplo:

Código HTML:

$(".talcosa").change(function() {
 

por otro lado, puedes jugar tambienh con los atributos data para ayudarte por ejemplo:

Código HTML:

<select data-id="loquesea">
 

de esa manera diferencio yo los selectores cuando los cargo dinamicamente

[stevens82]

Si tines razon no recordaba sobre los id los camibe solo les puse la clase pero aun no me funciona la actualizacion :(

al hacer esto me pones los mismo valores en todos los campos

Código Javascript:

$(".estados_oym").each(function(){
         var idoym = $(this).attr("idoym");
         $(".idoym").val(idoym);
    });
 

[mortiprogramador]

Y si se hace un console.log a la variable idoym
muestra cada id correctamente?

[stevens82]

console.lo me sale;
undefined
1404
undefined
1405

Código Javascript:

$(".estado_oym").change(function() {
        $(".estados_oym").each(function() {
            // var idoym = $(this).children().attr("idoym");
            //  var idoym = $(this).children().attr("idoym");
            var estadooym = $(this).children().val();
            var codigooym = $(this).attr("codigooym");
            // var idoym = $(this).data('idoy');
            var idoym = $(this).attr("idoym");
            console.log(idoym);
            $.ajax({
                type: "POST",
                url: _root_ + 'validacion/detalle/' + codigooym,
                data: {
                    codigo: codigooym,
                    id: idoym,
                    estado_oym: estadooym
                },
                success: function(msg) {
 
                }
            });
        });
    });
 

[stevens82]

Bueno ya lo resolvi gracias por su ayuda :D

Código Javascript:

$(".estado_oym").change(function() {
            var estadooym = $(this).val();
            var codigooym = $(this).children().attr("codigooym");
            var idoym = $(this).children().attr("idoym");
            console.log(estadooym);
            console.log(codigooym);
            console.log(idoym);
            $.ajax({
                type: "POST",
                url: _root_ + 'validacion/detalle/' + codigooym,
                data: {
                    codigo: codigooym,
                    id: idoym,
                    estado_oym: estadooym
                },
                success: function(msg) {
 
                }
            });
        });