JavaScriptを使い、複数のフォームへ一斉に同じ値を入れる処理をしたいのですが、どのようにしたらよいでしょうか？

Question

天谷窓大

1

1もっと見る

90pt

コンピュータウェブ制作

JavaScriptを使い、複数のフォームへ一斉に同じ値を入れる処理をしたいのですが、どのようにしたらよいでしょうか？

具体的には、同じ構成で名前だけ異なるフォーム form1/form2/form3...があって、form1のtextというテキストボックスに文字を入れると、form2とform3のtextにも同じように文字が入る...という仕組みを作りたいと思っています。

どうぞ、よろしくお願いします。

回答の条件

1人2回まで

登録：2006/10/22 05:04:12
終了：2006/10/22 06:28:47

dungeon-master 2006/10/22 06:32:04

すみません、ちょっと訂正。
for(i=0;i< document.forms[i].elements.length ;i++){
は
for(i=0;i< document.forms[j].elements.length ;i++){

が正しいです。
天谷窓大 2006/10/22 07:04:31

了解です。わざわざありがとうございます！

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

ともだちから選択
リクエスト送信済

回答リクエストを送信したユーザーはいません

backupper · Answer 1 · 2006-10-22T05:30:34+09:00

以下ではどうでしょうか？

<html>
<head>
<title>title</title>
<script type="text/javascript">
function fillinform(self) {
  document.forms['form2'].elements['text'].value = self.value;
  document.forms['form3'].elements['text'].value = self.value;
}
</script>
</head>
<body>
<form name="form1"><input type="text" name="text" value="" onkeyup="fillinform(this);"></form>
<form name="form2"><input type="text" name="text" value=""></form>
<form name="form3"><input type="text" name="text" value=""></form>
</form>
</body>
</html>

dungeon-master · Answer 2 · 2006-10-22T06:15:59+09:00

とりあえず、素直にdocument内にある全Formの全Elementについてループし、

名前が同じなら値をCopy。

<HTML><HEAD>
<Script language='javascript'>
function fldcopy(x){
  for(j=0;j< document.forms.length ;j++ ){
    for(i=0;i< document.forms[i].elements.length ;i++){
      fld=document.forms[j].elements[i];
      if( fld.name == x.name ){ fld.value=x.value ; }
    }
  }
}
</script>
</HEAD>
<BODY>
<form name=F1>
1<input name="FLD1" type=text onChange="fldcopy(this)">
2<input name="FLD2" type=text onChange="fldcopy(this)">
3<input name="FLD3" type=text onChange="fldcopy(this)">
</form>
<form name=F2>
1<input name="FLD1" type=text onChange="fldcopy(this)">
2<input name="FLD2" type=text onChange="fldcopy(this)">
3<input name="FLD3" type=text onChange="fldcopy(this)">
</form>
<form name=F3>
2<input name="FLD2" type=text onChange="fldcopy(this)">
3<input name="FLD3" type=text onChange="fldcopy(this)">
4<input name="FLD4" type=text onChange="fldcopy(this)">
</form>
<form name=F1>
2<input name="FLD2" type=text onChange="fldcopy(this)">
3<input name="FLD3" type=text onChange="fldcopy(this)">
4<input name="FLD4" type=text onChange="fldcopy(this)">
</form>
</BODY></HTML>

JavaScriptを使い、複数のフォームへ一斉に同じ値を入れる処理をしたいのですが、どのようにしたらよいでしょうか？

回答（2件）

backupper95102006/10/22 05:30:34

dungeon-master571402006/10/22 06:15:59

コメント（2件)

この質問への反応（ブックマークコメント）