-1

送信ボタンをクリックせずに、その下のテキストエリアからテキストを表示するものを探しています。(以下の Stackoverflow のプレビューのように)。私は HTML コードを持っていますが、JavaScript は初めてなので、誰かがこれを手伝ってくれたら、感謝します。

下の写真のように

ここに画像の説明を入力

4

1 に答える 1

1

純粋な Javascript:

 <input onkeyup="document.getElementById('demo').innerText='you typed ' + this.value">
 <div id="demo"></div>

マークアップとスクリプトを分離し、ハンドラーを使用する必要があります。これは純粋な (バニラ) JavaScript でも実行できますが、jQuery ライブラリを使用すると簡単です: http://www.jquery.com

デモ.js

jQuery(function($){
  $("#mytext").keyup(function(){
     $("#demo").text("You typed: " + this.value);
  });
});

demo.html

<html>
  <head>   
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script src="demo.js"></script>
  </head>
  <body>
    <input id="mytext"><div id="demo"></div>
  </body>
</html>
于 2012-08-18T09:43:45.403 に答える