Javascript 将div的内容复制/粘贴到另一个div

我有一些div容器，其中包含许多输入。 我需要将数据从这个输入复制到另一个容器中，就像第一个一样。差异-新容器有不同的名称和id用于此输入，非常简单。我认为克隆不合适

需要复制并超过刚刚输入的值

是否有其他解决方案，然后从每个输入中获取值并手动将其传递到另一个容器中的类似输入

谢谢

div示例：

    <div class="listing-space-item-field-row with-label">
        <input id="Spaces_0__SpaceId" name="Spaces[0].SpaceId" value="355637" type="hidden">
        <input class="def-text-input space-name" id="Spaces_0__Name" name="Spaces[0].Name" value="debora" type="text">
        <input class="def-text-input space-size" id="Spaces_0__Size" name="Spaces[0].Size" value="3331" type="text">
        // some other inputs
     </div>

如果要将i1内容复制到i2，请尝试：

---

如果要复制多个输入，可以将其用作基础。

通过使用数据属性，不需要从“类名”属性中解析出公共项。您必须循环遍历元素并隐藏与之对应的元素

$button.onclick，函数{ var c2=$c2； $c1：输入。每个函数{ var elem=$this； var dataItem=elem.dataItem； c2.查找'[data item='+dataItem+']'.valelem.val； }; }; asdf 1 asdf 2 asdf 3 复制 asdf 1 asdf 2 asdf 3

---

表单元素如何映射到不同的元素？@epascarello，我有类似于编辑器模板Asp.NET MVC的东西，它为一个容器呈现表单。名称类似于空格[0]。空格名称。当我想添加新空间时，我点击add按钮。为了使它更容易，正如客户所说，需要使用和第一个容器中相同的值来填充新的空间容器。所有字段都有类似于space name或space priseCan的类。您可以添加一个数据属性使其更简单吗？@epascarello，那么除了按数据属性逐个获取字段值之外，还有其他解决方案吗？我知道这种解决方案的变体，但我正在搜索最简单的一种。谢谢一个问题：在c1中我有一些选择。当我加载页面并单击复制值从c1选择复制到c2选择精细时，但当我先更改c1选择中的值，然后单击复制时，c2中选择的值为空。你能解释一下为什么吗？我只是添加了一个select，没有看到那个问题。是单选还是多选。我有JqueryUI选择。我还注意到，如果我更改输入中的任何值，然后进行复制，在复制中，我得到类似的inputWell的value=值，它不是一个输入元素，因此必须以不同的方式处理。c2.查找“[data item=jqs1]”。选择MenuValue，$c2.查找“[data item=jqs1]”。选择MenuValue；我已经有一段时间没有使用JQUI了，但我想这就是它的工作原理。

<input id="i1" type="text">
<input id="i2" type="text">
<input type="button" onclick="copy()">
<script>
    function copy() {
        document.getElementById("i2").value = document.getElementById("i1").value;
    }
</script>