JavaScript实现几个文本框同步

最新推荐文章于 2020-05-11 21:42:02 发布

zz09

最新推荐文章于 2020-05-11 21:42:02 发布

阅读量868

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/infinitezhen/article/details/47778821

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>test1.html</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">

		<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
		<script type="text/javascript">
			window.onload = function() {
				document.getElementById("input1").onkeyup = function() {
				
					var s1 = this.value;
					document.getElementById("input4").value =s1;
					
				}
				
				document.getElementById("input2").onkeyup = function() {
					var s2 = this.value;
					var str1 = document.getElementById("input1").value;
					var str = str1 + s2
					document.getElementById("input4").value = str;
				}
				
				document.getElementById("input3").onkeyup = function() {
					var s3 = this.value;
					var str1 = document.getElementById("input1").value;
					var str2 = document.getElementById("input2").value;
					var str = str1 + str2 + s3;
					document.getElementById("input4").value = str;
				}
			}
</script>
	</head>

	<body>
		地址：
		<input type="text" id="input1" />
		街道：
		<input type="text" id="input2" />
		门牌楼号：
		<input type="text" id="input3" />
		<br />
		<br />
		<br />
		预览：
		<input type="text" id="input4" readonly="readonly" />
	</body>
</html>

zz09

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript实现几个文本框同步

test1.html --> window.onload = function() { document.getElementById("input1").onkeyup = function() { var s1 = this.value; document.getElementById("input4").value
复制链接

扫一扫