使用 javascript 传递值 MySQL 查询

Question

进行查询时，我将结果显示在表格中，每一行都有一个按钮。通过按下它，我将所选行的信息移动到文本区域。问题是，当所有按钮具有相同的标识符时，java 总是占据第一行。

https://jsfiddle.net/a50ue2bw/

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));

}

Answer 1

通过 jQuery 添加单击事件侦听器并用于this访问按下的按钮。$('.button').on('click',calcular);function calcular() {    $('#pedido').val($('#pedido').val() + $('#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));}