具体的には、同じ構成で名前だけ異なるフォーム form1/form2/form3...があって、form1のtextというテキストボックスに文字を入れると、form2とform3のtextにも同じように文字が入る...という仕組みを作りたいと思っています。
どうぞ、よろしくお願いします。
No.1
95
10
45pt
以下ではどうでしょうか？
1
1
<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>
No.2
57140
45pt
とりあえず、素直に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>
なるほど！！おかげさまで解決しました！
ありがとうございます！
dungeon-master
2006/10/22 06:32:04
天谷窓大
2
1
さっそくの回答ありがとうございます！まさにこういう感じです。
実はこの複数フォームはＣＧＩによって自動生成されるもので、１個だけの場合もあれば十数個の場合もあるのです。
こういった場合も対応できるようにするためには、どうしたらいいでしょうか？