AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
js实现同步,js同步文本框内容,js同步文本框,js文本框内容同步

本文实例为大家分享了同步文本框内容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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持wanshiok.com。


js实现同步,js同步文本框内容,js同步文本框,js文本框内容同步  
上一篇:基于JavaScript实现在新的tab页打开url  下一篇:JS打印组合功能