手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >同步文本框内容JS代码实现
同步文本框内容JS代码实现
摘要:本文实例为大家分享了同步文本框内容JS代码,供大家参考,具体内容如下图例1functionaddEvent(eventHandler){va...

本文实例为大家分享了同步文本框内容JS代码,供大家参考,具体内容如下

图例1

同步文本框内容JS代码实现1

<html> <body> <script language="JavaScript" type="text/javascript"> function addEvent(eventHandler) { var tags = document.getElementsByTagName('input'); for(var i=0;i<tags.length;i++) { if(tags[i].getAttribute('url') == 'true') { if(tags[i].addEventListener) { tags[i].addEventListener('keyup',eventHandler,true); } else { tags[i].attachEvent('onkeyup',eventHandler); } } } } function addInput(e) { var obj = e.target ? e.target : e.srcElement; var tags = document.getElementsByTagName('input'); for(var i=0;i<tags.length;i++) { if(tags[i].getAttribute('url') == 'true'&&tags[i]!=obj) { tags[i].value = obj.value; } } } window.onload = function() { addEvent(addInput); } </script> <p> <input id="addr_more1" size="35" value="" name="addr_more1" url="true" /> </p> <p> <input id="addr_more2" size="35" value="" name="addr_more2" url="true" /> </p> <p> <input id="addr_more3" size="35" value="" name="addr_more3" url="true" /> </p> <p> <input id="addr_more4" size="35" value="" name="addr_more4" url="true" /> </p> </body> </html>

图例2

同步文本框内容JS代码实现2

<html> <head> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript"> function getNM(id) { var name2 = $("#"+id+"").val(); if (name2 != "") { for(var i=3;i<6;i++) $("#NM"+i+"").val(name2); } } </script> </head> <body> <input type="text" id="NM1" value="" /> <input type="text" id="NM2" value="" /> <input type="text" id="NM3" value="" onkeyup="getNM(this.id)"/> <input type="text" id="NM4" value="" onkeyup="getNM(this.id)"/> <input type="text" id="NM5" value="" onkeyup="getNM(this.id)"/> </body> </html>

需要引用 <script type="text/javascript" src="jquery-1.4.4.min.js"></script>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持查字典教程网。

【同步文本框内容JS代码实现】相关文章:

Js和JQuery获取鼠标指针坐标的实现代码分享

JavaScript数组去重的3种方法和代码实例

一些有关检查数据的JS代码

JavaScript版代码高亮

一段实时更新的时间代码

加入收藏夹代码(兼容 gecko)

JS代码混淆初步

鼠标图片振动代码

浏览器检测JS代码(兼容目前各大主流浏览器)

父窗口获取弹出子窗口文本框的值

精品推荐
分类导航