Question

我有简单的数据库，其中包含ID，product_name，product_description，image，cost等字段。

我有一个动态生成的表单，我将使用jQuery发送，我应该在JavaScript中更改哪些内容以将通过PHP从我的数据库获取的数据传递给定义的div？

JavaScript代码：

$(function() {
    var number = 1;
    var contentToLoad = 'Defined structure';

    $('a.add').click(function(e) {
        e.preventDefault();
        $('#calc').append(contentToLoad);
        number++;
    });
    $('#calc').on('click', 'a.design_button', function(e) {
        e.preventDefault();
        $(this).parent().remove();
    });
});

--- UPDATE： 我需要一点帮助来合并JavaScripts的两个部分才能使它工作。我需要以某种方式提出这一部分：

var number = 1;
var contentToLoad = 'Defined structure';

$('a.add').click(function(e) {
  e.preventDefault();
  $('#calc').append(contentToLoad);
  number++;
});

其中a.add已被替换为提交按钮，在此

中

function add(data_array){
    $(document).on('submit', '#add', function()
    {
    var r_data = data_array;
    alert(r_data);
    ...
    });
}

但我无法使其发挥作用; /

Answer 1

我已经做过这样的事情：

function mini(data_array){
    var number = 1;
    var r_arr = data_array;

    $(this).on('submit', function(e) {
        e.preventDefault();
        var contentToLoad = '<div id="item-'+ number +'" class="item row"> '+ number +' '+r_arr+' Defined structure </div>';
        $('#calc').append(contentToLoad);
        number++;
    });

}

但是现在我有一个让它正常工作的问题，因为它为我添加了正确的div +以前添加的所有div。

我们只是说我有空白网站，我想添加两个div，所以我在按钮上单击两次，它应该添加两个div，但它在第一次单击div后添加id = 1和在第二次点击div，id = 2 + div，id = 1，所以实际上我在两次点击后有三个div。

在上面的代码中，我犯了错误？

动态生成的表单

1 个答案: