JavaScript实现几个文本框同步

来源：互联网发布：软件著作权登记代理编辑：程序博客网时间：2024/06/16 13:22

<!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 + s2document.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>

0 0