テキスト領域を消去するにはどの方法を使用しますか？

Question

テキスト領域内の一部のテキストを変更してから、ボタンをクリックすると正常に消去されます。しかし、問題は、新しいデータをテキスト領域に追加したい場合、それは機能しませんし、テキスト領域は空です。

どの方法を使用しますか？あなたのAjaxの成功の機能で

$(".button10").on('click', function reset() {  
    $.ajax({ 
     type: 'GET', 
     url:RestApi, 
     success:function(data3){ 
      var str = JSON.stringify(data3, undefined, 4); 
      $("#myTextArea").html(str); 
     }, 
    }); 
}); 

$(".button9").on('click', function reset() { 
    $('#myTextArea').val(''); 
}); 

Answer 1

はこれを試してみて、

$(".button10").on('click', function reset() { 

$.ajax({ 
type: 'GET', 
url:RestApi, 
success:function(str){ 
    $("#myTextArea").val(str); 
}, 

}）;

}）;

$(".button9").on('click', function reset() { 
    $('#myTextArea').val(''); 

}); 

Answer 2

使用appendあなたのテキストエリアに現在のテキストを保持する場合。あなたの代わりにhtml（@Rushil PachchigarからCFの回答）のあなたのテキストエリアの使用valのテキストをクリアし、交換したい場合は

$("#myTextArea").append(str); 

：htmlまたはvalを使用して、パラメータとして渡されたテキストを持つすべてのテキストを置き換えます

$("#myTextArea").val(str); 

Answer 3

これを試してみてください。

$(".button10").on('click', function reset() { 

$.ajax({ 
    type: 'GET', 
    url:RestApi, 
    success:function(data3){ 
    var str = JSON.stringify(data3, undefined, 4); 
    $("#myTextArea").val(str); 
     }, 
}); 

}); 


$(".button9").on('click', function reset() { 
     $('#myTextArea').val(''); 

}); 

Answer 4

使用$('textarea').val('');

そのことについて$('textarea').text('')、または$('textarea').html('')を使用しての問題は、それが唯一のサーバーから送信されたオリジナルのDOMにあったものを消去するということです。ユーザーがクリアしてから新しい入力を入力すると、クリアボタンは機能しなくなります。 .val（ ''）を使用すると、ユーザー入力の大文字小文字が正しく処理されます。