zoukankan      html  css  js  c++  java
  • 实现两个INPUT同步输入

    <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

    不同name时 
    <script>
    function jj(){
    var a=document.getElementsByName("s1")[0].value;
    document.getElementsByName("s2")[0].value=a;
    }
    </script>
    <input name=s1 type="text" value="corange.cn">
    <input name=s2 type="text" value=""οnfοcus="jj()">
    请把鼠标移动到第二个文本框
    ===================
    不同IP时候 
    <script>
    function jj(){
    var a=document.getElementById("s1").value;
    document.getElementById("s2").value=a;
    }
    </script>
    <input id=s1 type="text" value="蓝色理想">
    <input id=s2 type="text" value=""οnfοcus="jj()">
    请把鼠标焦点放到第二个文本框
    ====================
    实时同步输入 
    <script language="javascript">
    function copyob1toob2(){
    document.all["ob_text_2"].value=document.all["ob_text_1"].value
    }
    </script>
    <input type="text" id="ob_text_1" size=20 οnkeyup="copyob1toob2()">
    <input type="text" id="ob_text_2" size=20>
    =====================
    或者<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title></title>
    </head>
    <body>
    <input id="s1" type="text" value="">
    <input id="s2" type="text" value="" >
    <script>
    var o_1 = document.getElementById("s1");
    var o_2 = document.getElementById("s2");
    o_1.onkeyup = function(){
    //onkeyup,如果用onkeydown则少一个字母
           o_2.value = o_1.value
    }
    </script>
    </body>
    </html>

  • 相关阅读:
    struts.xml文件中package元素的各大属性讲解
    strus2 struts.xml详解
    既使用maven编译,又使用lib下的Jar包
    Maven项目同时使用lib下的Jar包
    PreparedStatement ResultSet
    SearchBySql
    java 生成GUID
    获取当前时间的字符串
    C#字符串比较
    浮点数比较大小
  • 原文地址:https://www.cnblogs.com/apolloren/p/14401576.html
Copyright © 2011-2022 走看看