Javascript 我希望当我点击add按钮时，表单的值将显示在下表中

我在下面给出了两个截图供大家理解

第一个屏幕截图显示在点击广告按钮之前的表单中的值

单击“添加”按钮后，第二个屏幕显示表中的值

---

你的问题缺少太多信息了。您必须至少提供您的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);
});

$（“#按钮id”）。单击（函数（）{
//从输入字段获取数据
var val_product_service=$（“#productservice的id下拉列表”）.val（）；
var val_description=$（“#描述输入的id”）.value（）；
var val_uom=$（“#计量单位id下拉列表”）.val（）；
var val_qty=$（“#数量输入的id”）.value（）；
var val_purchase_rate=$（“#purchaserate输入的id”）.value（）；
var val_折扣=$（“#折扣输入的id”）.value（）；
var val_tax=$（“#税项下拉列表id”）.val（）；
//创建新的空行字符串
var new_行=“”
//将值追加到新行字符串
新的_行+=''；
新的_行+=''；
新增行+=增值产品服务；
新的_行+=''；
新的_行+=''；
新建行+=val\U说明；
新的_行+=''；
新的_行+=''；
新的_行+=val_计量单位；
新的_行+=''；
新的_行+=''；
新增行+=存货数量；
新的_行+=''；
新的_行+=''；
新增行+=增值采购率；
新的_行+=''；
新的_行+=''；
新增行+=增值折扣；
新的_行+=''；
新的_行+=''；
新增行+=增值税；
新的_行+=''；
新的_行+=''；
//将新行字符串追加到表中
$（“#表的id”）.append（新的#行）；
});

---

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

欢迎使用SO。请阅读有关的帮助页面，以确保您提供了正确的信息以获得一个好的答案。也请花时间阅读。谢谢，N.M。在编辑了一点此代码后，我可以工作了。