將數據從一種表單複製到多個表單

我正在使用一個內部網頁來幫助自動執行一些電子郵件任務。我目前有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，但是在我的測試中，測試對我沒有任何幫助。提前致謝！

來源

2013-03-08 Carl Miller

我認爲它倒退。您正在詢問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; 
    } 
}

來源

2013-03-08 20:20:53 Shanimal

我很好，通過使用jQuery，但我從來沒有用過它。我如何將其鏈接到我的代碼？ – 2013-03-08 20:44:59

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

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

將數據從一種表單複製到多個表單

回答

相關問題