Fatal编程技术网
  • javascript/
  • Javascript 将数据从一个表单复制到多个表单

Javascript 将数据从一个表单复制到多个表单

javascript html forms

Javascript 将数据从一个表单复制到多个表单,javascript,html,forms,Javascript,Html,Forms,我正在制作一个内部网页，以帮助自动化一些电子邮件任务。我目前有一个表单，其中包含一些通用信息，这些信息在以下所有表单中都是相同的，还有几个表单包含一些自定义信息。我的问题是我无法从信息表单中获取数据以复制到页面上的其他表单。我的代码如下： <html> </body> <script language="JavaScript"> function updateInput(ish){ document.getElementById("emailsubj"

我正在制作一个内部网页，以帮助自动化一些电子邮件任务。我目前有一个表单，其中包含一些通用信息，这些信息在以下所有表单中都是相同的，还有几个表单包含一些自定义信息。我的问题是我无法从信息表单中获取数据以复制到页面上的其他表单。我的代码如下：

<html>
</body>
<script language="JavaScript">
function updateInput(ish){
    document.getElementById("emailsubj").value = ish;
}
</script>
<body>

Info Form
      <form id="info" name="info">
      Email Subjects:<input name="emailsubj" value="Enter Subject Here">
      </form>
<br><br>

Form 1
      <form id="form1" name="form1">
      Email<input name=emadd value="email@address.com">
      Subject<input name="subj" onblur="updateInput(this.value)">
      </form>
<br><br>

Form 2     
      <form id="form2" name="form2">
      Email<input name=emadd value="email@address.com">
      Subject<input name="subj" onblur="updateInput(this.value)">
      </form>
</body>
</html>


函数更新输入（ish）{
document.getElementById（“EmailSubc”）.value=ish；
}
信息表
电子邮件主题：



表格一
电子邮件
主题



表格二
电子邮件
主题
所有非信息表单上都会有一个提交按钮，用于执行相应的功能。我并不反对使用onchange而不是onblur，但是这对我的测试没有任何帮助。提前谢谢

jQuery答案

HTML

没有jQuery答案

我认为这是倒退。您要求form1和form2 Subc输入更新代码中的信息输入。但你的问题似乎是反其道而行之？是的，你说的对，我认为我的代码是反的，但我不确定，我现在正在看你的代码，我刚刚添加了一个no jquery答案和codepen:）你还应该用
placeholder=“Enter Subject Here”
替换
value=“Enter Subject Here”
，效果很棒！非常感谢你！我可以使用jQuery，但我以前从未使用过它。如何将其链接到代码中？我添加了jquery和lodash；）我不喜欢没有两个图书馆 
<html>
    <head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
    </head>
    <body>
        Info Form
        <form id="info" name="info">
            Email Subjects:<input name="emailsubj" placeholder="Enter Subject Here">
        </form>

        Form 1
        <form id="form1" name="form1">
            Email<input name="emadd" placeholder="email@address.com">
            Subject<input name="subj">
        </form>

        Form 2
        <form id="form2" name="form2">
            Email<input name="emadd" placeholder="email@address.com">
            Subject<input name="subj">
        </form>
    </body>
</html>

$('input[name=emailsubj]').on("keyup",function(e){
  $('[name=subj]').val($(this).val())
});

<html><body>

Info Form
<form id="info" name="info">
    Email Subjects:<input name="emailsubj" value="Enter Subject Here" onblur="updateInput(this.value)">
</form>
<br/><br/>

Form 1
<form id="form1" name="form1">
    Email<input name="emadd" value="email@address.com">
    Subject<input name="subj">
</form>
<br/><br/>

Form 2     
<form id="form2" name="form2">
    Email<input name="emadd" value="email@address.com">
    Subject<input name="subj">
</form>
</body></html>

function updateInput(ish){
    var a = document.getElementsByName("subj");
    for(var i in a){
        a[i].value = ish;
    }
}