Purejavascriptのコピーと過去のテキストが1つのテキストエリアから別のテキストエリアへ

私はページ上で完成し、ページのまっすぐに印刷される純粋なjavascriptフォームを作る必要があります。私は、アドレスを郵便アドレスフィールドにコピーできるようにする方法を理解しようとする際に問題を抱えています。 JqueryまたはPHPは使用できません。純粋なjavascriptのみです。ここでPurejavascriptのコピーと過去のテキストが1つのテキストエリアから別のテキストエリアへ

は、私がこれまで持っているものの削減バージョンです：

<!DOCTYPE html> 
<html> 

<body> 



<table id="myTable"> 
<tr> 
<td> 
    <label> Customers Address: 
    </label> 
     <textarea name=" Address" ID="custadd" rows="7" cols="30"></textarea> 
</td> 
<tr> 
</tr> 
</table> 







delivery details below: 
Name Address:<br/> 
<textarea name="" ID="Deladd" rows="7" cols="30"></textarea><p> 
<button >Same as address</button> 





</body> 

<script> 



</script> 

<style> 

#myTable { 

    border: none;; 
font color:#000000 
    font-size: 16px; 
border-collapse:collapse; 
} 

#myTable th{ 

font color:#000000 

font-size: 25px; 

} 



#myTable td { 

font color:#000000 
font color:#000000 




} 

#myTable tr { 
background-color:#ff8080 

} 




</style> 

</html>

出典

2017-03-27 bekoruler

私が正しくあなたの質問を理解していれば、ユーザーがクリックしたときに、第2のテキストエリアに最初のテキストエリアの内容をコピーしますボタン。

最初にボタンにIDを指定します。samebuttonとしましょう。その後、クリックイベントのイベントハンドラを定義することができます。ここでは

document.getElementById("samebutton").onclick = function() { 
    var custadd = document.getElementById("custadd").value; 
    document.getElementById("Deladd").value = custadd 
};

は一例でjsfiddleです：https://jsfiddle.net/pcncuwp3/

出典

2017-03-27 09:56:46 loafer

あなたは本当にaddEventListener'代わりonclick' 'の'使用する必要があります。 – ofca

Purejavascriptのコピーと過去のテキストが1つのテキストエリアから別のテキストエリアへ

答えて

関連する問題