ajax - 如何在动态创建的模型窗口中获取输入文本框的更新值

Question

我正在使用 ajax 在我的数据表中加载 mysql 数据。我正在渲染操作按钮。即编辑详细信息、查看联系人发送消息和标记收藏。

在按下 Edit Detail 时，将打开一个引导模型并动态加载相关内容。

现在我的问题是，在按下保存按钮时，即使我想访问模型输入字段的新值，即更新值，但它给出的是旧的，即原始值，而不是更新的值。

动态模型加载代码：

    $("#example").on("click", ".editPropDtls", function(){  
        var tr = $(this).closest('tr');
        var row = table.row( tr );
        var d=row.data();
        var mpid = d.pid;
        var propGroup = d.prop_grp;
        var ScmeName = d.scheme_name;
        var price = d.price;
        var cabins = d.cabins;
        var seatings = d.seatings;
        var furnished = d.FIXTURE_TYPE
        var contactName = d.contectName;
        var contactNo = d.contectNo;
        $('#editPropDtls').modal('show');
        // AJAX request
        $.ajax({
         url: './Ajax/AjaxShowPropDtls.php',
         type: 'post',
         data: {pid:mpid, propGroup:propGroup, ScmeName:ScmeName, price:price, cabins:cabins, seatings:seatings, furnished:furnished, contactName: contactName, contactNo:contactNo},
         success: function(response){ 
//             console.log(response);
           // Add response in Modal body
           $('.modal-body').html(response);

           // Display Modal
           $('#editPropDtls').modal('show'); 
         }
       });
    });

访问模型窗口内容的代码：

$(document).on("click", ".editownerdtls", function(){alert("ABABABAB");
    debugger;
    var pid = $(this).data('pid');
    var schemename = $('.mschemename').val();
    var ownername = $('#mownername').val();
    var ownerno = $('#mownerno').val();
    var price = $('#mprice').val();
    var furnished = $('#mfurnish').val();
    var cabins = $('#mcabins').val();
    var seatings = $('#mseatings').val();
});

标签： ajaxdatatablebootstrap-modal