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

问题描述：

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

<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 protected]"> 
     Subject<input name="subj" onblur="updateInput(this.value)"> 
     </form> 
<br><br> 

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

所有的非信息表格都会有一个提交按钮来执行相应的功能。我不反对使用onchange而不是onblur，但是在我的测试中，测试对我没有任何帮助。提前致谢！

我认为它倒退。您正在询问form1和form2 subj输入以更新代码中的信息输入。但是你的问题似乎是在反问？ – Shanimal 2013-03-08 20:36:40

是的你的权利，我想我的代码是倒退，但我没有把握，我现在正在看你的代码 – 2013-03-08 20:44:00

我刚刚添加了一个没有jQuery的答案和codepen :) – Shanimal 2013-03-08 20:51:51

答

jQuery的回答 http://codepen.io/anon/pen/aKIgc

HTML

<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 protected]"> 
      Subject<input name="subj"> 
     </form> 

     Form 2 
     <form id="form2" name="form2"> 
      Email<input name="emadd" placeholder="[email protected]"> 
      Subject<input name="subj"> 
     </form> 
    </body> 
</html>

SCRIPT

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

没有jQuery的回答 http://codepen.io/anon/pen/BzKxG

<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 protected]"> 
    Subject<input name="subj"> 
</form> 
<br/><br/> 

Form 2  
<form id="form2" name="form2"> 
    Email<input name="emadd" value="[email protected]"> 
    Subject<input name="subj"> 
</form> 
</body></html>

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

我很好，通过使用jQuery，但我从来没有用过它。我如何将其链接到我的代码？ – 2013-03-08 20:44:59

我会在那里添加它 – Shanimal 2013-03-08 20:54:50

非jQuery的工作很棒！谢谢！ – 2013-03-08 20:55:50

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

相关推荐