Question

大家好，我想在按下按钮时动态添加一组输入字段。这适用于1个群组，但不能多个。这是我的HTML：

ZipEntry

我正在使用此javascript调用addMore函数：

ZipFile

我在ID的末尾添加了一个按钮addMore2，因为我想生成一组类似的输入控件，但名称不同。我想使用此函数调用该ID：

ZipEntry

...，然后是另一组带有addMore3功能的控件。与上述相同，但编号为3。如果我单独使用每个功能，它将起作用。但是，如果我尝试同时使用所有3种，则无法正常工作。如何动态重现一组具有不同名称的输入控件？

Answer 1

您可以做这样的事情

$(var count = 0;
           $("#addMore2").click(function(e){
              e.preventDefault();
               $("#list").append("<input type='text' name='address2'"+count+" placeholder="Address"><input type="text" name='suburb2'"+count+" placeholder="Suburb"><input type="text" name='state2'"+count+" placeholder="State"><input type="text" name='country2'"+count+" placeholder="Country"><button id='addMore3'"+count+">Add Address</button></div>");
           count++;
           });
        });

Answer 2

@rayzor

您需要在按钮之前附加代码

请使用以下代码：

jQuery("#addMore").click(function(e){                  
    jQuery('<br><input type="text" name="address" placeholder="Address"><input type="text" name="suburb" placeholder="Suburb"><input type="text" name="state" placeholder="State"><input type="text" name="country" placeholder="Country">').insertAfter("input:last");
    return false;
});

并删除$("#addMore2").click事件的代码

Answer 3

无需手动添加Addmore 2,3等。 js会根据您的需要自动添加它。随时查看以下内容：https://phppot.com/jquery/jquery-ajax-inline-crud-with-php/

从表单添加动态生成的字段

3 个答案: