动态添加/删除多个输入字段和输入行 PHP(动态表单中的动态表单)

Posted

技术标签:

【中文标题】动态添加/删除多个输入字段和输入行 PHP(动态表单中的动态表单)【英文标题】:add/remove multiple input fields and input rows dynamically PHP (Dynamic form In Dynamic Form) 【发布时间】:2021-07-28 09:52:45 【问题描述】:

我正在制作动态 php 表单,我已经成功制作了动态表单,如果我想在动态字段中使表单动态化,例如在表格中在动态行中制作动态字段,该怎么办?

this is my form view

$(document).ready(function()
      var count = 0;
      $(document).on('click', '#addformdanger', function()
        count++;
        var html = '';

                  html += '<section>';
                  html += '<hr>';
                  html += 'my child form';

$('#form-body-danger').append(html); 
);
$(document).on('click', '#addprocess', function()
        count++;
        var html = '';

                  html += '<section>';
                  html += '<hr>';
                  html += 'form child';

$('#form-body-process').append(html);
);


$(document).on('click', '.remove-danger',function()
               $(this).closest('section').remove();
            );

$(document).on('click', '.remove-process',function()
               $(this).closest('section').remove();
            );

this My Output what i want,

【问题讨论】:

通过向我们展示输出或代码的任何图像或详细说明场景来使这一点更加清晰。 我已经更新了我的问题,你能帮我吗,谢谢 通过您想要的输出图像,您的问题与HTML有关。也许您想在 html 表格中执行 rowspancellspan ,或者您想要使用 CSS 执行此操作,但在这两种情况下,您的问题都过于抽象;如果您可以提供reproducible example,您更有可能获得有用的答案。无论如何,您应该首先尝试编写您想要显示的最终 html 代码,然后从那里,您会发现很容易提取需要由 jQuery(或 PHP)附加的 html 部分 【参考方案1】:

根据您所提到的,我的理解是您正在制作一个用户可以添加多个输入的表单。点击提交后,数据应发送回服务器。

如果这是问题,请visit here。

你也可以refer。

两者都将帮助您创建用户可以根据需要添加/删除更多字段的表单。

【讨论】:

以上是关于动态添加/删除多个输入字段和输入行 PHP(动态表单中的动态表单)的主要内容,如果未能解决你的问题,请参考以下文章

Jquery -> php -> mysql 和动态表单字段

Angular动态添加一个带有输入和按钮的字段集

laravel 中动态输入字段的验证

使用 PHP 从动态输入字段中捕获数组值并通过电子邮件发送它们

angular 7 反应式表单:为表单中的每个输入字段动态添加/删除输入字段

如何使用 Json 对象填充动态添加的输入字段