Hola!
Tengo actualmente el siguiente código el cual me funciona correctamente
Código Javascript
:
Ver originalfunction mostrarPrecio(id){
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById("precio").innerHTML=xmlhttp.responseText;
}else{
document.getElementById("precio").innerHTML='Cargando...';
}
}
xmlhttp.open("POST","precio.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("id_producto="+id);
}
Código PHP:
Ver original<table id="tabla">
<thead>
<tr>
<td >Descripción</td>
<td style="width:80px;" >Precio</td>
<td style="width:30px;" ></td>
</tr>
</thead>
<tr>
<td><select name="producto" id="producto" onchange="mostrarPrecio(this.value)">
<option value="0">-- Seleccione --</option>
<?php
echo '<option value="'.$datos_prod['0'].'" >'.$datos_prod['1'].'</option>';
}
?>
</select></td>
<td><div id="precio"></div></td>
<td class="eliminar"><img src="images/delete.png" /></td>
</tr>
</table>
<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?