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


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

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

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

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

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

回答の条件
  • URL必須
  • 1人1回まで
  • 登録:
  • 終了:2008/01/05 21:05:02
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答2件)

id:GoldenDawn No.1

回答回数426ベストアンサー獲得回数81

ポイント10pt

こんな感じでしょうか。

<!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/

id:iww No.2

回答回数101ベストアンサー獲得回数10

ポイント10pt

IEで動くソース

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

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

onkeyup

URLはダミーです

コメントはまだありません

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

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

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

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