同步文本框内容JS代码实现
2016-08-04 16:33
429 查看
本文实例为大家分享了同步文本框内容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
<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实现文本框中输入文字页面中div层同步获取文本框内容的方法
- 同步文本框内容的JS代码
- js实现文本框中输入文字页面中div层同步获取文本框内容的方法
- Jquery实现文本框获取焦点清空内容,失去焦点重新获得内容
- Jquery实现的弹出窗口,选择框内内容后赋值给文本框
- js实现前台动态添加文本框,后台获取文本框内容
- 捕获input文本框内容改变事件的js代码
- ==ActionScript3.0的应用== Flash实现文本框内容格式控制
- C#--第11周实验--任务3--设计一个窗体,窗体上有两个文本框,一个按钮,2个单选按钮--实现单击按钮后,根据单选按钮,将对应文本框中内容显示在标签。
- 用JQUERY实现清空所有文本框的内容
- WinForm 2.0 无代码实现DataGridView数据和下拉框和文本框的同步
- 1 用存储过程实现分页,除了上一页,下一页,第一页,和末页外还要有go按钮,以及go到那里的文本框。另外还要在Lable显示“当前x页,一共y页”。注意验证控件的使用和 链接存储过程的内容。
- 不用 JavaScript 实现文本框内容字母自动大写
- swing实现拖拽效果(将本地文件拖拽到程序的文本框中显示内容)
- js实现点击文本框使得文本框中内容消失
- 如何实现镜像网站内容的同步
- 请问如何实现同一台服务器上不同数据库中个别表内容的同步?
- 网页怎么实现文本框内容复制到剪贴板
- 同步文本框内容的JS代码