<!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实现几个文本框同步
最新推荐文章于 2024-02-21 15:26:10 发布