Question

我正在尝试附加一个包含来自表单外部的输入的元素，并将其附加到表单内的元素以进行提交。该元素被隐藏以充当模板，但是在添加时会克隆该隐藏元素，并删除该隐藏组件以用于输入和提交目的。

以下是html部分的示例：

<div class="samplesinfo hidden">
  <label>User input</label>
  <input type="text" placeholder="Insert usr input">
</div>

<button id="addsmplbtn">Add Sample</button>

<hr>

<form>
  <div class="paste">
  </div>
  <div>
    <button type="submit">Submit Form</button>
  </div>
</form>

接着是jQuery，用于删除和添加隐藏元素：

$("#addsmplbtn").click(function() {
        var element = $(".samplesinfo.hidden").clone(true);
        element.removeClass("hidden").insertAfter("#paste:last");
}

当单击添加样本按钮时，确实会添加模板元素，但不在脚本内的“粘贴” ID下的表单内。有什么想法吗？

Answer 1

我认为您的div具有class =“ paste”而不是id =“ paste”。

Answer 2

该脚本似乎可以正常工作，但是将javascript链接文件更新为html文件并没有更改页面的功能。一旦我将JS作为脚本标签的一部分添加到html文件中，该脚本就可以工作。

Answer 3

请检查

var element = $(".samplesinfo.hidden").clone(true);
        element.removeClass("hidden").appendTo(".paste");

将隐藏元素从外部表单添加到内部表单html

3 个答案: