Buen día compañeros, tengo un formulario con una tabla dinamica la cual va agragando o quitando filas segun lo desee, a una de las celdas le he colocado un combo dependiente de otro que está en la misma linea, el problema está en que el combo depende del ID el cual se repite por ser una tabla dinamica y me selecciona del primero que elegi, por ejemplo seleccioné el articulo 'x' del cual me aparece el precio '10' y en la siguiente fila selecciono el articulo 'y' el cual tendría que tener un valor de '20' me aparece el valor del articulo 'x', por favor alguien que me pueda ayudar, muchas gracias.
este es el codigo para la tabla
Código:
$(function () {
$('#tabla').on('click', 'tr a', function (e) {
e.preventDefault();
$(this).parents('tr').remove();
});
$("#addrow").click(function() {
$("#tabla").each(function () {
var tds = '<tr>';
jQuery.each($('tr:last td', this), function () {
tds += '<td>' + $(this).html() + '</td>';
});
tds += '</tr>';
if ($('tbody', this).length > 0) {
$('tbody', this).append(tds);
} else {
$(this).append(tds);
}
});
});
});
y este es el codigo del combo dependiente
Código:
$(document).ready(function(){
$("#cod_arti").change(function(event){
var id = $("#cod_arti").find(':selected').val();
$("#precio").load('combo_precios.php?id='+id);
});
});
y este es el codigo de los combos
Código PHP:
<td><select id="cod_arti" name="cod_arti[]"><option value="0">ARTÍCULO</option>
<?php while($row = $arti->fetch_assoc())
{
echo "<option value='".$row['id_arti']."'>".$row['codigo_arti']." | ".$row['categoria']."</option>";
}
?></select></td>
<td><input list="precio" placeholder="precio" name="precio[]" autocomplete="off" id="texto" size="10" required/>
<datalist id="precio[]">
</datalist></td>
de antemano gracias.