Al realizar una consulta, muestro en una tabla los resultados, cada fila cuenta con un botón. Al pulsarlo muevo la información de la fila seleccionada a un textarea. El problema viene que al tener todos los botones el mismo identificador, java coge siempre la primera fila. (Solucionado).
https://jsfiddle.net/a50ue2bw/
El problema ahora es que al realizar la cuenta, coge los valores de la primera fila siempre. ¿Alguna solución?
$('.button').on('click',calcular);
function calcular() {
$('#pedido').val($('#pedido').val() + $(this).closest('tr').find('#cantidad').val());
$('#pedido').val($('#pedido').val() + " "+ $(this).closest('tr').find('select option:selected').attr('value'));
$('#pedido').val($('#pedido').val() + " "+ $(this).attr('nombre')+ "\n");
var newPrice = parseFloat($('body').find('#categoria option:selected').attr('precio'));
var cantidadt = parseFloat($('body').find('#cantidad').val());
$("#cuenta").val(parseFloat($("#cuenta").val())+parseFloat(newPrice*cantidadt)+' €');
$("#save").val(parseFloat($("#save").val())+parseFloat(newPrice*cantidadt));
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
while ($datos=mysqli_fetch_array($result)) {
?>
<table>
<tr id="fila" value="<?php echo $datos["idevento"];?>">
<td><?php echo $datos["idevento"];?></td>
<td><?php echo $datos["idrecinto"];?></td>
<td><?php echo $datos["fecha"];?></td>
<td><?php echo $datos["entradas"];?></td>
<td><?php echo $datos["descripcion"];?></td>
<td><select id="categoria" name="categoria" placeholder="Categoría">
<?php
$query2 ="SELECT * FROM categoria ;";
$result2 = mysqli_query($conexion, $query2);
while ($datos2=mysqli_fetch_array($result2)) {
?>
<option value="<?php echo $datos2["idcategoria"];?>" precio="<?php echo $datos2["precio"];?>" ><?php echo $datos2["idcategoria"].' ('; echo $datos2["precio"].')';?>
<?php
}
?>
</option>
</select></td>
<td><input id="cantidad" min="1" max="10" name="cantidad" type="number" placeholder="Cantidad" required /></td>
<td><input class="button primary small" nombre="<?php echo $datos["idevento"];?>" id="idevento" value="Añadir"></td>
</tr>
<?php
}
}
?>
</table>
<div id="main">
<div class="inner">
<h1>Pedido</h1>
<textarea id="pedido" name="pedido" readonly="readonly"></textarea>
<input type="text" name="cuenta" id="cuenta" class="form-control" value=0 placeholder="Importe Total" required readonly="readonly" >
<input type="text" name="save" id="save" class="form-control" value=0 style="display:none;" required>
</div>
</div>