0

これが可能かどうかはわかりませんが、フォームが実際に送信される前に、入力データを「プレビュー」セクションに表示しようとしています。私はこのフィドルを作成して支援しました。

HTML:

<form>
  Test:<input type="text" name="test" />
</form>
  <aside class="preview">
    <h5>Preview of Test:</h5>
      <span />
  </aside>

JS:

iData = $('#test').text();
$('.preview span').html(iData);

ありがとう！

4

4 に答える 4

2

これがあなたが望むものかどうかわからない..

しかし、使用keyup()してval()

$(document).ready(function(){
  $('input[name="test"]').keyup(function(){ //using attribute selector here since you havenot defined id for the input
    $('.preview span').html($(this).val()) ; 
  });
})

入力に ​​ID を定義し、ID セレクターを使用できます。

例：

html

<form>
 Test:<input type="text" id="test" name="test" />
</form>
<aside class="preview">
  <h5>Preview of Test:</h5>
  <span />
</aside>

jQuery

 $(document).ready(function(){
  $('#test').keyup(function(){ 
    $('.preview span').html($(this).val()) ; 
  });
})

ここでフィドル

于 2013-05-15T17:42:52.307 に答える
1

使用する.keyup()

$("input[name='test']").keyup(function() {
    $('.preview span').html(this.value);
});

デモ: http://jsfiddle.net/tymeJV/QJNym/13/

于 2013-05-15T17:40:33.103 に答える
1

キーダウンと入力をタイマーで使用して、重複を防ぎ、キーダウンで値を変更できるようにします。また、コンテキスト メニューとキーボード ショートカットの両方を使用して、貼り付けの切り取りと削除をキャッチします。keydown は何よりも古いブラウザとの互換性のためのものであり、入力はそのほとんどをキャッチします。

$("input[name='test']").on("keydown input",function(){
    var self = this;
    clearTimeout($(this).data("timer"));
    $(this).data("timer", setTimeout(function(){
        $('.preview span').html(self.value);
    },1));
});

jsFiddle

于 2013-05-15T17:45:43.557 に答える
0 
$('input[name="test"]').keyup(function(){
var inputValue = $(this).val();
$('.preview span').text(inputValue);
});
于 2013-05-15T17:58:36.200 に答える