Javascript 动态添加多个输入字段

我想通过单击AddMore按钮动态添加我的表单输入字段

以下是表单的HTML：

<form enctype="multipart/form-data" action="" method="post">
  <div id="filediv">
    <input name="file[]" type="file" id="file" />
  </div>
  <div id="filediv2">
    <textarea rows="4" cols="10" id="des"></textarea>
  </div>
  <div id="filediv3">
    <select>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
    </select>
  </div>
  <input type="button" id="add_more" class="upload" value="Add More Files" />
  <input type="submit" value="Upload File" name="submit" id="upload" class="upload" />
</form>

我尝试了以下方法，但单击“添加更多”按钮时，它不会追加所有字段。我想用添加更多操作添加所有3个字段

 $('#add_more').click(function () {
   $(this).before($("<div/>", {
     id: 'filediv',
     id: 'filediv2',
     id: 'filediv3'
   }).fadeIn('slow').append($("<input/>", {
     name: 'file[]',
     type: 'file',
     id: 'file'
   }), $("<br/><br/>")),

   $("<input/>", {
     name: 'des',
     type: 'textarea',
     id: 'des'
   }), $("<br/><br/>"))
);
});

---

如果将要动态插入的元素包装到容器元素中，可以使用jQuery方法创建该元素的副本，并将其插入到“添加更多”按钮之前，如下所示：

$“添加更多”。单击函数{ $this.before$.template.clone； }; 沃尔沃汽车 萨博 梅赛德斯 奥迪

---

为什么要创建一个具有多个ID的表单？我的表单输入字段是指元素本身吗。。？还是要同时插入和。。？你的问题不清楚这就是为什么你会被否决。。。请回答这个问题并正确地重新措辞。。。此外，您的代码根本无法工作，因为它包含语法错误，如果您正确设置代码格式或打开浏览器控制台，则更容易发现语法错误…我可以问一些问题吗，此表单的操作页面如何设置？我非常需要这个form@DickyMahardika对不起，我不明白你的问题。。。你能换个说法吗。。？