人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

テキストボックスに関する質問です。

テキストボックスがA,Bと2つあるとします。

Aに10と入力すると、Bに自動的に10が入力されます。

Aになにも入力されていない状態で、Bに入力しても、Aには何も入力されない。

Aに10と入力して、Bに10が自動的に入力され、Bの数字を15に入力しなおしても、Aは10のまま。

このようにテキストボックスを構築したいのですが、どなたかご指導をお願いいたします。


●質問者: muchiesan
●カテゴリ:ウェブ制作
✍キーワード:テキスト ボックス 入力 数字 自動
○ 状態 :キャンセル
└ 回答数 : 2/2件

▽最新の回答へ

1 ● GoldenDawn

こんな感じでしょうか。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html style="behavior:url(./fix.htc)" >
 <head>
 <style type="text/css">
 </style>

 <script type="text/javascript">
 function copytext() {
 document.getElementById('b').innerHTML = document.getElementById('a').innerHTML ;
 }
 </script>
 </head>

 <body>
 <form>
 <h1>A</h1>
 <textarea id="a" onkeyup="copytext()"></textarea>

 <h1>B</h1>
 <textarea id="b"></textarea>
 </form>
 </body>
</html>

http://q.hatena.ne.jp/


2 ● いわわ

IEで動くソース

<FORM ID=form1>
<INPUT NAME=A onkeyup="form1.B.value=form1.A.value">
<INPUT NAME=B>
</FORM>

とすると、まあ大体そのとおりに動作します

onkeyup

URLはダミーです

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ