0

使ってます

function example_append() {
  $('#containment').append($('#example-textarea').val());
}

これは、フォームフィールドに入力したテキストをdiv#containmentにスローします。フォームフィールドの値を包含divに配置したいのですが、スタイルを設定できるように、クラス名を付けたdivでラップすることもできます。これは可能ですか？

また、ユーザーがフォームフィールドを介してテキストを挿入すると、そのテキストがそのdivにスローされます。ユーザーが最初からやり直したい場合、テキストの文字列を削除するにはどうすればよいですか？

4

2 に答える 2

1

あなたはこれを行うことができます ：

var div = $('#example-textarea').val();
$('#containment').append(div.wrap('<div class="new" />'));

これは、値をクラス "new"のdivにラップし、textarea値を削除するには、次のようにします。

$('#example-textarea').val('')
于 2012-05-23T22:56:22.050 に答える
1

これらの2つの関数は、探していることを実行する必要があります。reset_textクリック時にボタンまたはテキストにバインドするだけです。

編集 テキストをクリアするためのイベントバインドを追加しました。

function example_append() {
   $('#containment').append(
      $('<div />').addClass('className').text($('#example-textarea').val())
   );
}

$(document).ready( function() {
   $('#example_button').on('click', reset_text );
});

function reset_text() {
   $('#example-textarea').val('');
   $('.className').remove():
}
于 2012-05-23T22:56:30.823 に答える