Node js 无法识别动态添加到表单中的输入字段

我看到了一个类似的问题，但不知道如何将其应用于 node js。我创建了一个购物车，用户单击添加一个项目，然后使用 jquery 将该项目添加到表单中。然而，在提交时，唯一的表单字段确认是totalCost未动态添加的。

我的 pug 文件（相关部分）：

h1#spendable 50000
table
    form#cartitems(method='POST' action='/store')
        tbody
            tr#buyit(style='border-bottom:0px solid white; height:50px; display:none;')
                td#purchCost <b> Total: </b>
                    input#costcost.minIn.nolineinput(name='totalCost' type='text' readonly)

            tr 
                td(colspan=2)
                    button(type='submit' style='width:100%; padding:5px 0px;') Buy

我的 javascript 文件如下所示：

function addToCart(butt){
var $spendable = $('#spendable');

var balance  = Number( $spendable.text() );
var itmCost  = Number($(butt).prev().prev().text());
var boughtItems = $('.firstline').length;
if(balance > itmCost && boughtItems < 4){
    var imgSrc   = $(butt).parent().prev().attr('src');
    var specific = $(butt).prev().val();
    var specificL= $(butt).prev().text();
    var itmName  = $(butt).prev().prev().prev().text();
    var itmType  = $(butt).parent().parent().parent().prop('id');
    var purchCost= Number( $('#purchCost .minIn').val() );

    //create a demo
    if (itmType == 'Treat' || itmType == 'Prize'){
        alert(itmType);
        $('#cartcontainer table tbody').prepend("<tr class='firstline'><td class='smtd' rowspan=2 ><img class='demo' src='" + imgSrc + "'></img></td><td><input type='text' class='nolineinput' name='itmName' value='" + specific +"|" + itmName + "' readonly></input></td><tr><td><div class='minidiv'><p>" + Number(itmCost) + "</p></div><div class='microdiv'><input id='chck' type = 'checkbox' name = 'itmKind' onclick='remove(this)'  checked></input></div></td></tr>")

        if(boughtItems ==0){
            $('#buyit').show()
        }
    }else{
        $('#cartcontainer table tbody').prepend("<tr class='firstline'><td class='smtd' rowspan=2 ><img class='demo' src='" + imgSrc + "'></img></td><td><input type='text' class='nolineinput' name='itmName' value='" + itmName +"| " + specificL + "' readonly></input></td><tr><td><div class='minidiv'><p>" + Number(itmCost) + "</p></div><div class='microdiv'><input class='chck' type = 'checkbox' name = 'itmKind' value='" + itmCost + "' onclick='remove(this)' checked></input></div></td></tr>");


        if(boughtItems ==0){
            $('#buyit').show()
        }
    }
    var total= purchCost + itmCost;
    $('#purchCost .minIn').val(total);
    $spendable.text( balance-itmCost);
}else if (boughtItems >= 4){
    alert("You've reached the max amount of item\n you can purchase. Buy more next week!")
}else {
    alert('Sorry you do not have enough\n points to purchase this item.')
}

}

另外我应该提到我正在使用 body-parser 并且当i console.log( req.body)唯一i返回的是{totalCost:'1500'}但我希望看到的是：{itmName:'Caprisun', itmKind:'Cherry', totalCost:'1500'}