insertar utilizando jquery ajax y php

[arros]

saludos a todos
tengo un problemilla, en un form que tengo de modeficar datos los resultados de los datos biene de un array me escript que tengo para modeficar los datos modefica solo el primero ejemplo
tengo una lista de esta forma
id 1 precio 1 desponible si
id 2 precio 2 desponible si
id 3 precio 3 desponible si
....

al modeficar el id 3 por un precio 20 eje.. se modefica solo el id 1 en ves de la 3

mi function es

Código Javascript:

$(document).ready(function(){
             $('form#editeprice').ready(function(){
                 $('input').change(function(){              
                       var idvila = $('#idvila').val();
                       var idsemana = $('#idsemana').val();
                       var tarifa = $('#tarifa').val();
                       var dispo = $('#dispo').val();
                       
                   $.ajax({
                      url:"modificarprecio.php",
                      type:"POST",
                      data: "idvila=" + idvila + "&idsemana=" + idsemana + "&tarifa=" + tarifa + "&dispo="+ dispo,
                     
                      error:function(){
                         alert('Failed');
                      },
                      success:function(msg){
                         alert('Success hola: ' + msg);
                      }
                   }); 
                 })
            
             
             
             
             
         })
         });
 

y en input esta de esta manera

Código PHP:

while($row = mysql_fetch_array($query)){
?>
<input type="hidden" id="idvila" name="idvila" value="<?php echo $row['idvila']; ?>" />
<input type="text" id="idvila" name="idvila" value="<?php echo $row['idsemana']; ?>" />
<input type="text" id="idvila" name="idvila" value="<?php echo $row['tarifa']; ?>" />
<input type="text" id="idvila" name="idvila" value="<?php echo $row['dispo']; ?>" />
<?php
}
 
}
 

[alexg88]

El problema es que estás usando id iguales en varios elementos HTML y sólo te coge el primero.

Primero dinos que intentas conseguir exactamente para ayudarte de mejor manera. Por lo que veo en el código cuando cambia un valor del input quieres actualizar todos los input a la vez que estén unidos al mismo input. ¿Es así?

[arros]

gracias por respuesta alexg88
lo que quiero es al cambiar un valor de input de formulario se actualiza por eso hecho change, yo creo la razon es el valor de id es la misma y pregunto como es la function en esta situacion, es que tanmbien soy nuevo en ajax y jquery

[alexg88]

Si es por el id.

Te dejo un ejemplo de como sería:

Código PHP:

<?php
while($row = mysql_fetch_array($query)){
?>
<div>
<input type="hidden" class="idvila" value="<?php echo $row['idvila']; ?>" />
<input type="text" class="idsemana" value="<?php echo $row['idsemana']; ?>" />
<input type="text"  class="tarifa"  value="<?php echo $row['tarifa']; ?>" />
<input type="text" class="dispo"  value="<?php echo $row['dispo']; ?>" />
</div>
<?php
}
?>
 

Código Javascript:

$('input').change(function(){   
 
                       var padre = $(this).parent();
                       var idvila = $('.idvila',padre).val();
                       var idsemana = $('.idsemana',padre).val();
                       var tarifa = $('.tarifa',padre).val();
                       var dispo = $('.dispo',padre).val();
                       
                   $.ajax({
                      url:"modificarprecio.php",
                      type:"POST",
                      data: "idvila=" + idvila + "&idsemana=" + idsemana + "&tarifa=" + tarifa + "&dispo="+ dispo,
                     
                      error:function(){
                         alert('Failed');
                      },
                      success:function(msg){
                         alert('Success hola: ' + msg);
                      }
                   }); 
                 });
 

Fíjate en el div que encubre todos los input, es muy importante para que el javascript funcione bien. Lo que hago en el javascript es ver que input ha cambiado a partir del elemento padre (el div) y luego recoge los valores mediante la clase del elemento, si te fijas bien.

Hay más maneras, pero esta es una. En vez del div, puedes usar un form si lo prefieres. Si usas un formulario, puedes usar el método serialize para crear la cadena de parámetros de forma muy sencilla, aunque tendrías que ponerles el atributo name:

Código PHP:

<?php
while($row = mysql_fetch_array($query)){
?>
<div>
<input type="hidden" name="idvila" value="<?php echo $row['idvila']; ?>" />
<input type="text"  name="idsemana" value="<?php echo $row['idsemana']; ?>" />
<input type="text"  name="tarifa"  value="<?php echo $row['tarifa']; ?>" />
<input type="text" name="dispo"  value="<?php echo $row['dispo']; ?>" />
</div>
<?php
}
?>
 

Código Javascript:

<form>
<input type="hidden" name="idvila" class="idvila"  value="idvila_1" />
<input type="text"  name="idsemana" class="idsemana"  value="idsemana_1" />
<input type="text"  name="tarifa" class="tarifa" value="tarifa_1" />
<input type="text" name="dispo" class="dispo"   value="dispo_1" />
</form>
 
<form>
<input type="hidden" name="idvila" class="idvila"  value="idvila_1" />
<input type="text"  name="idsemana" class="idsemana"  value="idsemana_1" />
<input type="text"  name="tarifa" class="tarifa" value="tarifa_1" />
<input type="text" name="dispo" class="dispo"   value="dispo_1" />
</form>
 

[arros]

gracias hasido de grand ayuda aqui te espera karma

[alexg88]

Me he dado cuenta de que he copiado mal el código javascript.

Este sería el código del segundo ejemplo (usando form en vez de div y con el método serialize)

Código Javascript:

$('input').change(function(){   
 
                       var padre = $(this).parent();
                       
                   $.ajax({
                      url:"modificarprecio.php",
                      type:"POST",
                      data: padre.serialize(),
                     
                      error:function(){
                         alert('Failed');
                      },
                      success:function(msg){
                         alert('Success hola: ' + msg);
                      }
                   }); 
                 });