2017-01-30 3 views
2

Ich ändere etwas Text im Textbereich und dann, indem ich den Knopf klicke, es wird normalerweise gereinigt. Aber das Problem ist, wenn ich neue Daten zum Textbereich hinzufügen will, wird es nicht funktionieren und der Textbereich ist leer.Welche Methode sollte ich verwenden, um den Textbereich zu bereinigen?

Welche Methode soll ich verwenden?

$(".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(''); 
}); 
+1

Warum verwenden Sie '.val()' nicht, wenn Sie nach dem Ajax-Aufruf die TextArea anstelle von '.html()' löschen? –

+0

haben Sie versucht, $ ('# myTextArea'). Val (null); – parik

Antwort

2

Das Versuchen,

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

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

});

});

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

}); 
1

Verwenden append in Ihrer Ajax-Erfolg Funktion, wenn Sie den Text in Ihrem Textbereich behalten möchten. Mit html oder val wird der gesamte Text mit dem als Parameter übergeben Text ersetzen:

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

Wenn Sie den Text in Ihrem Textbereich Verwendung val statt html (siehe Antwort von @Rushil Pachchigar) löschen und ersetzen wollen:

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

Try This:

$(".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(''); 

}); 
3

Verwenden $('textarea').val('');

Das Problem bei der Verwendung $('textarea').text('') oder $('textarea').html('') für diese Angelegenheit ist, dass es nur löschen, was im ursprünglichen DOM vom Server gesendet wurde. Wenn ein Benutzer es löscht und dann eine neue Eingabe eingibt, funktioniert die Löschtaste nicht mehr. Die Verwendung von .val ('') behandelt den Benutzereingabevorgang ordnungsgemäß.

Verwandte Themen