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

}