如何在javascript中创建重复表单

我正在尝试根据用户输入复制表单。 例如

您的团队有多少成员？
你的名字叫什么？

所以我想我会限制，最多12个人。 如果用户键入5，我想在同一页面中创建五个相同的#memberInfo表单。 我想我可以这样开始

<scritp>
 $(.numOfMember).
</script>

$（.numOfMember）。

---

我应该使用clone还是appendTo？

与JQuery结合使用非常简单如果您想这样做，只需使用.html（）方法获取您试图复制的html结构：

然后，使用相同的函数，对要重复的次数进行循环

for(x in 10){
     $("#targetContaier").html(form);
   }

为此，您将创建一个类似div的目标容器：

<div id="targetContaier"><!--new form goes here--></div>

---

您可以使用其他循环方法，如$.each（），但现在这正是您需要的。

我认为您正在尝试复制表单内容，您可以使用它

<div>How many members are in your team? </div>
<input type="number" class="numOfMember">
<form id="memberInfo">  
    <div>What is your name?</div>
    <input type="text"/>
</form>

您的团队有多少成员？
你的名字叫什么？

jquery

$(".numOfMember").change(function(){
  if($(".numOfMember").val() < 12) {
    $("#memberInfo").html("");
    for(i=0;i<$(".numOfMember").val();i++) {
      $("#memberInfo").append("<div>What is your name?</div><br><input type='text'/>");
    }
  }
})

$（“.numOfMember”）.change（函数（）{
if（$（“.numOfMember”）.val（）<12）{
$（“#成员信息”）.html（“”）；
对于（i=0；i您可能不希望复制表单，您只希望呈现输入并以相同的表单发送它们。请稍等，我将在一分钟后返回一个片段：）
<div>How many members are in your team? </div>
<input type="number" class="numOfMember">
<form id="memberInfo">  
    <div>What is your name?</div>
    <input type="text"/>
</form>

$(".numOfMember").change(function(){
  if($(".numOfMember").val() < 12) {
    $("#memberInfo").html("");
    for(i=0;i<$(".numOfMember").val();i++) {
      $("#memberInfo").append("<div>What is your name?</div><br><input type='text'/>");
    }
  }
})