JavaScript实现几个文本框同步

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

你可能感兴趣的:(JavaScript实现几个文本框同步)