Ver Mensaje Individual
  #5 (permalink)  
Antiguo 13/11/2013, 13:20
nades
 
Fecha de Ingreso: enero-2013
Ubicación: Distrito Federal
Mensajes: 88
Antigüedad: 11 años, 3 meses
Puntos: 1
Respuesta: Mostrar información en otra página al seleccionar una opcion

Hola!
Tengo actualmente el siguiente código el cual me funciona correctamente

Código Javascript:
Ver original
  1. function mostrarPrecio(id){
  2.   if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
  3.     xmlhttp=new XMLHttpRequest();
  4.   }else{// code for IE6, IE5
  5.     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  6.   }
  7.  
  8.   xmlhttp.onreadystatechange=function(){
  9.     if (xmlhttp.readyState==4 && xmlhttp.status==200){
  10.       document.getElementById("precio").innerHTML=xmlhttp.responseText;
  11.     }else{
  12.       document.getElementById("precio").innerHTML='Cargando...';
  13.     }
  14.   }
  15.  
  16.   xmlhttp.open("POST","precio.php",true);
  17.   xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  18.   xmlhttp.send("id_producto="+id);
  19. }
Código PHP:
Ver original
  1. <table id="tabla">
  2.     <thead>
  3.       <tr>
  4.         <td >Descripción</td>
  5.         <td style="width:80px;" >Precio</td>
  6.         <td style="width:30px;" ></td>
  7.       </tr>
  8.     </thead>
  9.  
  10.       <tr>
  11.         <td><select name="producto" id="producto" onchange="mostrarPrecio(this.value)">
  12.               <option value="0">-- Seleccione --</option>
  13.             <?php
  14.             $productos = mysql_query("SELECT * FROM productos ORDER BY nombre") or die(mysql_error());
  15.             while ($datos_prod = mysql_fetch_array($productos)){
  16.               echo '<option value="'.$datos_prod['0'].'" >'.$datos_prod['1'].'</option>';
  17.             }
  18.             ?>
  19.             </select></td>
  20.         <td><div id="precio"></div></td>
  21.         <td class="eliminar"><img src="images/delete.png" /></td>
  22.       </tr>
  23.      
  24.     </table>
  25.    
  26.     <input class="presupuesto" type="button" id="agregar" value="Agregar Nuevo Producto" /></td>

Al seleccionar un producto me muestra el precio sacado de BD dentro del div precio (justo lo que quería) pero el problema pasa al momento de agregar una nueva fila (esta función la hice con Javascript ya que no logré hacerlo con AJAX), al seleccionar un producto dentro de la nueva fila el precio me lo cambia en la primer fila

¿Cómo podría hacer para que cada fila hiciera su función independiente y mostrará los resultados en su fila correspondiente?