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

问题描述

我使用dB的ajax数组创建了动态卡。现在，我想使用输入来更新dB。这些卡假设要获取输入值并提交到数据模型中以发布到数据库中。当我单击在“文档准备就绪”中创建的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);

        })

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

        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",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','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,}
                ]
            });


        }
    

卡已创建，但没有将数据提交到db UPDATE的ajax中

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

</div>

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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）