Model view controller 从Jquery创建的表单获取输入值

我使用数据库中的ajax数组创建了动态卡。现在我想使用输入来更新数据库。这些卡片假定获取输入值并提交到数据模型中以发布到数据库中。当我单击在DocumentReady中创建的Onclick按钮时，它只返回，模型中没有数据。它似乎没有从动态jquery创建的表单中找到值

我的JQuery

function getauct() {

        var url = '/User/Auctionlist';

        fnAjaxManager.addReq({
            type: "POST",
            url: url,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: Responseauction,
            error: 'Failed'
        });

    }


    function Responseauction(response) {



        if (response.length < 0) {
            return;
        }

        var data = response;

        $.each(data, function (i) {

            var CreateCard = '<div class="col-xl-3 col-md-6"><div class="card card-event"><div class="card-block"><div class="row align-items-center justify-content-center"><div class="col"><h5 class="m-0">Lot #<span id="lotno">' + data[i].lotno + '</span></h5><hr><h5 class="m-0" id="bankname">' + data[i].bankname + '</h5></div></div><h2 class="mt-3 f-w-300" id="amount">' + data[i].Amount + '<sub class="text-muted f-14">Coins</sub></h2><h6 class="text-muted mt-4 mb-0">Going Price Is R <span id="vamount">' + data[i].Amount + '</span></h6><p></p><form id="frmBid"><div class="input-group"><select id="periodval" class="form-control" required=""><option value="" disabled="" selected="">Select Bid Period </option><option value="5"> 5 Days</option> <option value="10">10 Days</option><option value="20">20 Days</option></select ></div > <br><div class="input-group"><input type="number" class="form-control" id="Bidamnt" placeholder="500" aria-label="500" min="100" required=""><div class="input-group-append" ><button class="btn btn-primary" id="btnbid">Bid</button></div></div></form></div></div></div >'

            $('#divclone').append(CreateCard);

        })

上面的获取数组并使用表单输入创建卡片，工作正常，但下面的假设是从卡片视图中的表单获取数据输入，以发送到模型

        function onCLickBidnow() {

            script ('check')
            }

            var data = {

                lotno: $("#lotno").val(),
                period: $("#periodval").val(),
                bidamount: $("#Bidamnt").val(),
            }

            var o = { bidm: data };

            console.log(JSON.stringify(o));

            var url = '/User/Bidnow';


            fnAjaxManager.addReq({
                type: "POST",
                url: url,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: JSON.stringify(o),
                success: Responsebidnow,
                error: OnError
            });


        }

        function Responsebidnow(response) {

            if (response.msg == "Success") {

                MakeActionDialog('success', 'Success', 'Bid successful', 'Pay a Bid', 'Paynow')
                //MakeDialog('success', 'Success', 'Registration successful');
            } else {
                MakeDialog('alert', 'Error', 'Update failed');
            }
        }


        function Paynow() {

            window.location.href = '/User/Pay';
        }

        function OnError(XMLHttpRequest, textStatus, errorThrown) {

            MakeDialog("alert", "Whoops", "The server seems to have malfunctioned.<br/><br/>Code:" + XMLHttpRequest.status + "<br/>Status: " + XMLHttpRequest.statusText + "<br/>Debug: " + XMLHttpRequest.responseText);

        }




        function MakeDialog(type, title, content) {
            // type = success, alert, warning, info
            Metro.dialog.create({
                clsDialog: type,
                title: title,
                content: content,
                removeOnClose: true,
                actions: [
                    {
                        caption: '<span class="mif-thumbs-up icon"></span>&nbsp;Okay',
                        cls: "js-dialog-close " + type,
                    }
                ]
            });


        }
    

这些卡会被创建，但它不会将数据提交到ajax中进行db更新

<div class="container" id="divclone">

</div>

请协助将输入值输入数据库