东北三省的特色:如何输入到一个文本框的内容,同时自动填入多个其他的文本框?

来源:百度文库 编辑:杭州交通信息网 时间:2024/04/28 12:12:08
我想要做到的效果是:在任何一个文本框中输入内容,输入后同时会自动填入到其他文本框中。(如:用户输入“windows”到c,则“windows”会同步自动输入到a、b、d文本框中。)

目前初步知道应该会用到onkeyup,但好像只能做到2个文本框之间互相同步,没法做到输入任意一个框,相同内容自动填入其他框

注:能够同步的文本框不是2个,而是多个(如下)。希望能够回答的高人们帮帮忙。先谢谢了!

<form name=a>
<input type=text name="a">
</form>

<form name=b>
<input type=text name="b">
</form>

<form name=c>
<input type=text name="c">
</form>

<form name=d>
<input type=text name="d">
</form>
第一位朋友的方法,只能做到输入在a框,且焦点要消失后才能同步到b、c、d框。如输入a以外的框,内容无法同步。

抱歉提问没有说清楚。我想要的效果是以下网站这样:

http://www.pilesearch.com

即输入任意一个文本框,不局限于任何一个框,内容都会始终自动填入其他剩下的文本框。

这样修改啊:
<script language=javascript>
function SetVal(value)
{
a.a.value=value;
b.b.value=value;
c.c.value=value;

}
</script>
<form name=a>
<input type=text name="a" onkeyup=SetVal(value)>
</form>
<form name=b>
<input type=text name="b" onkeyup=SetVal(value)>
</form>
<form name=c>
<input type=text name="c" onkeyup=SetVal(value)>
</form>

<script language=javascript>
function aaa(i)
{
a.a.value=i;
b.b.value=i;
c.c.value=i;
d.d.value=i;
}
</script>
<form name=a>
<input type=text name="a" onchange=aaa(this.value)>
</form>
<form name=b>
<input type=text name="b" onchange=aaa(this.value)>
</form>
.
.
.

不必那么麻烦,这样更简洁:
<input type=text name="a" onchange="{b.b.value=value;c.c.value=value;d.d.value=value;}">

<input type=text name="b" onchange="{a.a.value=value;c.c.value=value;d.d.value=value;}">

<input type=text name="c" onchange="{b.b.value=value;a.a.value=value;d.d.value=value;}">