Purejavascript复制和过去的文本形成一个文本区域到另一个

时间:2017-03-27 09:47:16

标签: javascript html css

我必须制作一个纯粹的javascript表单,该表单将在页面上完成,然后直接打印在页面上。 我在试图找出如何获取它时遇到问题,因此可以将地址复制到邮政地址字段中。 不能使用Jquery或PHP,只能使用纯javascript。

这是我到目前为止的缩减版本:

<!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>

1 个答案:

答案 0 :(得分:0)

如果我理解你的问题,你想在用户点击按钮时将第一个textarea的内容复制到第二个textarea。

首先给你的按钮一个id,让我们说samebutton。然后,您可以为click事件定义事件处理程序:

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

这是一个带有示例的jsfiddle:https://jsfiddle.net/pcncuwp3/