javascript - jquery - 将输入值从一种表单复制到另一种表单(表单和输入名称相同)

Question

我想将一个表单中的输入值复制到下一个表单的输入(具有相同名称)的值。表单和输入的名称相同。它所需要做的就是将标题输入的值复制到下一层的标题输入。

 <form>
      <input name="file" value="1.xml">
      <input name="title" id="title" value="Smith">
      <input type="submit" id="copy-down" value="copy">
  </form>
  <form>
      <input name="file" value="2.xml">
      <input name="title" id="title" value="Anderson">
      <input type="submit" id="copy-down" value="copy">
  </form>
  etc...

在这种情况下，当单击顶部的“复制”按钮时，我希望 jquery 用 Smith 覆盖 Anderson。

$('#title').attr('value'));

给了我史密斯，但我不知道一旦获得它后如何处理该值。

Answer 1

将 HTML 更改为:

<form>
      <input name="file" value="1.xml">
      <input name="title" id="title1" value="Smith">
      <input type="submit" id="copy-down1" value="copy">
  </form>
  <form>
      <input name="file" value="2.xml">
      <input name="title" id="title2" value="Anderson">
      <input type="submit" id="copy-down2" value="copy">
  </form>

Javascript:

function copyHandler() {
    var copyVal = document.getElementById("title1").value;
    var replaceInput = document.getElementById("title2");

    replaceInput.value = copyVal;
}

document.getElementById("copy-down1").onclick = function(){
    copyHandler();
    return false;
}

一些注释:

• 这在普通 JavaScript 中非常简单，我没有添加 jQuery 代码。
• 切勿将多个元素分配给同一个 ID、类或名称可用于此目的。
• onclick 函数的 return false; 部分是必需的，这样当您单击提交按钮时，表单就不会重新加载。

如果您有任何疑问，请告诉我。