如何实现n个input同步输入？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你想输入的input控件的类型|你要输入的内容...没明白
比如你要将所有的<input type="input"/>的内容改为"hello"。那么代码就是
<script>
var oInputs = document.getElementsByTagName("input");
for (var i in oInputs) {
  if (oInputs[i].type="input")
     oInputs[i]="hello";
}
</script>明白了吗？：-）
我是想通过单独的一个input来控制多个其它的input,这样实现不了吧？我这只有两个input同步的代码，
<!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.onkeydown = function(){
o_2.value = o_1.value
}
</script>
</body>
</html>
这样写是可以的。但是把o_1.onkeydown改为o_1.onkeyup会好些，你改了后就看出区别了。
问题是多个input该怎么改这个代码呢？谢谢！
<!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");
o_1.onkeyup = function() {
var oInputs = document.getElementsByTagName("input");
var sValue = o_1.value;
for (var i in oInputs) {
  if (oInputs[i].type="text")
     oInputs[i].value = sValue;
}
}
</script>
</body>
</html>
这下明白了吧？
<script>
function aaa(s){
  var o=document.getElementsByName("carlxxx");
  for(i=1;i<o.length;i++){
    o[i].value=s
  }
}
</script>
<input type=text name=carlxxx onkeyup='javasctipt:aaa(this.value);'><br>
<input type=text name=carlxxx><br>
<input type=text name=carlxxx><br>
<input type=text name=carlxxx><br>
<input type=text name=carlxxx><br>
<script>
    function inputChar(e){
        var evt = e || window.event;
        var obj = evt.srcElement;
        var lst = document.getElementsByName("carlxxx");
        for (i = 0; i < lst.length; i++) {
            if (lst[i] != obj) {
                lst[i].value = obj.value;
            }
        }
    }

    window.onload = function(){
        var lst = document.getElementsByName("carlxxx");
        for (var i = 0; i < lst.length; i++) {
            lst[i].onkeydown = lst[i].onkeypress = lst[i].onkeyup = inputChar;
        }
    }
</script>
<input type=text name=carlxxx>
<br>
<input type=text name=carlxxx>
<br>
<input type=text name=carlxxx>
<br>
<input type=text name=carlxxx>
<br>
<input type=text name=carlxxx>
<br>
HOHO，
来个支持粘贴的。
<script>
    function dofocus(e){
        var evt = e || window.event;
        var obj = evt.srcElement;

        obj.onpropertychange = function inputChar(e){
            var lst = document.getElementsByName("carlxxx");
            for (i = 0; i < lst.length; i++) {
                if (lst[i] != obj) {
                    lst[i].value = obj.value;
                }
            }
        }
        obj.onblur = function(){
         obj.onpropertychange=function(){};
        }
    }

    window.onload = function(){
        var lst = document.getElementsByName("carlxxx");
        for (var i = 0; i < lst.length; i++) {
            lst[i].onfocus = dofocus;
        }
    }
</script>
<input type=text name=carlxxx>
<br>
<input type=text name=carlxxx>
<br>
<input type=text name=carlxxx>
<br>
<input type=text name=carlxxx>
<br>
<input type=text name=carlxxx>
<br>
<input type="text" onkeyup="changeValue(this.value)"><br>
<input type="text" name="a"><br>
<input type="text" name="a"><br>
<input type="text" name="a"><br>
<input type="text" name="a"><br>
<script>
function changeValue(value)
{
var texts=document.getElementsByName("a");
for(var i=0;i<texts.length;i++)
{
texts[i].value=value;
}
}
</script>
为什么会显示"无法得到type属性,不支持该命令"呢?
给LZ点提示
<input id="a1" type="text" onpropertychange="a2.value=this.value" />
<input id="a2" type="text" />