码迷,mamicode.com
首页 > 其他好文 > 详细

实现两个INPUT同步输入

时间:2021-02-17 14:18:00      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:body   文本框   elements   实时同步   get   tle   htm   lang   inpu   

<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>

实现两个INPUT同步输入

标签:body   文本框   elements   实时同步   get   tle   htm   lang   inpu   

原文地址:https://www.cnblogs.com/apolloren/p/14401576.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!