JS获取TextArea和Input的同步值

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

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title></title>
 6     <script type='text/javascript'>
 7         function JSHtml() {
 8             //同步TextArea填写值
 9             var els = document.getElementsByTagName('TextArea');
10             for (var i = 0; i < els.length; i++) {
11                 els[i].innerHTML = els[i].value;
12             }
13 
14             //同步INPUT填写值
15             var els1 = document.getElementsByTagName('INPUT');
16             for (var i1 = 0; i1 < els1.length; i1++) {
17                 //alert(els1[i1].value);
18                 //els1[i1].value = els1[i1].value;//不可以
19                 els1[i1].setAttribute("value", els1[i1].value);//可以
20             }
21 
22             alert(document.getElementById("wjj").innerHTML);
23         }</script>
24 </head>
25 <body>
26     <div id="wjj">
27         <input id="input1" value="哈哈" />
28         <br />
29         <textarea id='TextArea2' rows='4' cols='30'>根据实际情况</textarea>
30     </div>
31     <br />
32     <input type="button" value="显示同步值" onclick="JSHtml();" />
33 </body>
34 </html>

 

　　运行效果：



 

 

 

 

posted @ 2013-09-16 15:22  凌晨风  阅读(1300)  评论(0)  编辑  收藏  举报