テキストボックスの値が変更になったら

解決済

質問者：kanato
質問日時：2001/03/06 17:17
回答数：5件

ポイントを入力するテキストボックスが２つあって、
１つめのテキストボックスの値が変更されたら２つめの
テキストボックスにもその変更された値を表示するとい
う事は可能でしょうか？
onChangeの処理かなーとも思ったのですが書き方がよく
わかりません。
何か良い方法がありましたら教えて下さい。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： hequil
回答日時：2001/03/06 21:31

JavaScriptのレイヤー処理苦手なんですけどね（＾＾；；

乗りかかった船ってことで、無理矢理ですけど動作確認したHTMLを以下に書いておきます。

※ 「<」と「>」は半角に、字下げに使用している全角スペースは半角スペースやタブに変えて下さいね。

＜html＞
＜head＞
　　＜script type="text/javascript"＞＜!--
　　function outmsg( msg ) {
　　　　if( msg == null ) msg = "";
　　　　if( document.all ) {
　　　　　　ie_out = document.all("out_box");
　　　　　　ie_out.innerHTML = msg;
　　　　}else if( document.layers ) {
　　　　　　nn_out = document.layers["out_box"];
　　　　　　nn_out.document.open();
　　　　　　nn_out.document.write( msg );
　　　　　　nn_out.document.close();
　　　　}
　　}
　　// --＞＜/script＞
＜/head＞
＜body＞

＜form＞
　　＜input type="text" name="in_box" onChange="outmsg( this.value );"＞
＜/form＞

＜table border=0＞＜tr＞
　　＜layer name="out_box"＞＜td＞
　　＜span id="out_box"＞＜/span＞
　　＜/td＞＜/layer＞
＜/tr＞＜/table＞

＜/body＞
＜/html＞

参考まで

- 0
- 件

通報する

この回答へのお礼

hequilさんありがとうございます！！
上のソースで思った通りの処理が出来ました。
とても助かりました。ありがとうございました。

また質問という形になってしまってとても申し訳無いのですが、
この処理はテキストボックスが不特定の時にも使用する事は可能でしょうか？
テキストボックスの数が決まっていないので、出力先のout_boxの名前を
onChange="outmsg( this.value )"
に追加パラメータとして渡し、出力先を指定するようにしてみたのですが、
エラーが出てしまいました。

<HTML><HEAD>
<script type="text/javascript"></script>
</head>
<body>
<table border="1">
　<td>
　<input type="text" name="in_box0" onChange="outmsg( this.value ,"out_box0");">
　<layer name="out_box0"><td>
　<span id="out_box0"></span>
　</td></layer>
　</td>
　<td>
　<input type="text" name="in_box1" onChange="outmsg( this.value ,"out_box1");">
　<layer name="out_box1"><td>
　<span id="out_box1"></span>
　</td></layer>
　</td>
</table>
</BODY>
</HTML>

という書き方ではまずいのでしょうか？
すみませんが見て頂けると助かります。

通報する

お礼日時：2001/03/07 11:15

No.5

回答者： hequil
回答日時：2001/03/07 13:10

ダブルクォーテーションの中にダブルクォーテーションは使えないので、

onChange="outmsg( this.value ,"out_box0");"
onChange="outmsg( this.value ,"out_box1");"

を

onChange="outmsg( this.value ,'out_box0');"
onChange="outmsg( this.value ,'out_box1');"

にすれば、エラーは直ると思います。

ただし、補足のHTMLだとformタグやtrタグがなかったり
layerタグの位置の問題で、ネスケで正常に動作しないと思いますが、その辺りはブラウザを再読込しながら色々試してみると良いかと思います。
（この辺りがネスケの苦労するところ、苦笑）

参考まで

- 0
- 件

通報する

この回答へのお礼

何度も回答してもらってありがとうございました。
エラー直りました！！
でもネスケで全然動いてくれない・・・
ＩＥでは正常に動いてくれるのですが（涙）
色々試してみたのですがまだ無理です。

再度色々試してみたいと思いますが、どうしても無理な
時はまた質問という形をとってもよろしいでしょうか？

hequilさんには何度もご迷惑をおかけしていると思いますが
どうぞ宜しくお願い致します。

通報する

お礼日時：2001/03/07 19:49

No.3

回答者： hequil
回答日時：2001/03/06 18:50

ものすごくシンプルに書くとこんな感じになります。

※「<」と「>」は実際には半角で書いて下さいね。

＜form name="sample"＞
＜input type="text" name="in_box" onChange="document.sample.out_box.value=this.value;"＞
＜input type="text" name="out_box"＞
＜/form＞

参考まで

この回答への補足

とてもわかりやすい説明ありがとうございました！！
試してみたところうまくいきました。
そこでもう一つなのですが、同じ処理を
入力は

<input type="text" name="in_box" onChange="document.sample.out_box.value=this.value;">

のテキストボックスで、その変更された値を表示するのは
テキストボックスではなくて

<td><b><font>ここに値が入ります</font></b></td><br>

にしても同じような事は可能でしょうか？
すみませんがよろしくお願いします。

補足日時：2001/03/06 19:07

通報する

- 0
- 件

通報する

No.2

回答者： imeruchan
回答日時：2001/03/06 18:49

すみません、確認画面ではちゃんと表示されてたんですが、わけわかんないソースになってしまってますね。

＆lt;：＜
＆gt;：＞

とそれぞれ読み替えてください。

- 0
- 件

通報する

この回答へのお礼

さっそくの回答ありがとうございました。
ソースを参考に試してみたいと思います。

通報する

お礼日時：2001/03/06 19:10

No.1

回答者： imeruchan
回答日時：2001/03/06 18:04

２つのテキストボックスでいいんですよね？

とりあえず下記ソースのようで、いかがですか？
適当にアレンジしてみてください。
---------
<html>
<head>
<script language="javascript">

</script>
</head>
<body>
<form name="hoge">
1つ目<input type="text" name="text1" onchange="henko();">
<br>
2つ目<input type="text" name="text2">
</form>
</body>
</html>