我希望当我单击添加按钮时，表格的值将显示在下表中

Question

下面给出了两个屏幕截图，供您理解。

第一个屏幕快照显示为按点击广告按钮之前的值

第二个屏幕在单击添加按钮后在表中显示值

Answer 1

您的问题缺少很多信息。您必须至少提供HTML代码，最好提供您尝试过的代码。

要给您一个大致的操作方法，我会给您一个提示-如果您提供更多信息，我将编辑我的答案，但这应该足够了：

$('#id-of-button').click(function() {
    // get data from input fields
    var val_product_service = $('#id-of-productservice-dropdown').val();
    var val_description     = $('#id-of-description-input').value();
    var val_uom             = $('#id-of-uom-dropdown').val();
    var val_qty             = $('#id-of-qty-input').value();
    var val_purchase_rate   = $('#id-of-purchaserate-input').value();
    var val_discount        = $('#id-of-discount-input').value();
    var val_tax             = $('#id-of-tax-dropdown').val();

    // create new empty row string
    var new_row = ''

    // append values to new row string
    new_row += '<tr>';
    new_row += '    <td>';
    new_row +=          val_product_service;
    new_row += '    </td>';
    new_row += '    <td>';
    new_row +=          val_description;
    new_row += '    </td>';
    new_row += '    <td>';
    new_row +=          val_uom;
    new_row += '    </td>';
    new_row += '    <td>';
    new_row +=          val_qty;
    new_row += '    </td>';
    new_row += '    <td>';
    new_row +=          val_purchase_rate;
    new_row += '    </td>';
    new_row += '    <td>';
    new_row +=          val_discount;
    new_row += '    </td>';
    new_row += '    <td>';
    new_row +=          val_tax;
    new_row += '    </td>';
    new_row += '</tr>';

    // append new row string to table
    $('#id-of-table').append(new_row);
});

由于这只是基本的HTML，因此不会添加您要求的编辑/删除功能。我建议为此寻找教程，因为我认为该解决方案对于stackoverflow来说太多了。自己创建一些代码，如果遇到问题，请返回。