JS获取TextArea和Input的同步值

在提交表单时,如果只是表单值,用一个form即可,但有时候需要将整个表单一起提交,则可通过以下js实现。

 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type='text/javascript'>
function JSHtml() {
//同步TextArea填写值
var els = document.getElementsByTagName('TextArea');
for (var i = 0; i < els.length; i++) {
els[i].innerHTML = els[i].value;
} //同步INPUT填写值
var els1 = document.getElementsByTagName('INPUT');
for (var i1 = 0; i1 < els1.length; i1++) {
//alert(els1[i1].value);
//els1[i1].value = els1[i1].value;//不可以
els1[i1].setAttribute("value", els1[i1].value);//可以
} alert(document.getElementById("wjj").innerHTML);
}</script>
</head>
<body>
<div id="wjj">
<input id="input1" value="哈哈" />
<br />
<textarea id='TextArea2' rows='4' cols='30'>根据实际情况</textarea>
</div>
<br />
<input type="button" value="显示同步值" onclick="JSHtml();" />
</body>
</html>

  运行效果:

根据实际情况

上一篇:Unity3d之将terrain转化成mesh


下一篇:7.1 安装软件包的三种方法 7.2 rpm包介绍 7.3 rpm工具用法 7.4 yum工具用法 7.5 yum搭建本地仓库