我应该使用哪种方法来清理文本区域?

时间:2017-01-30 10:27:01

标签: javascript jquery html ajax html5

我在文本区域中更改了一些文本,然后单击按钮正常清理。但问题是,当我想将新数据添加到文本区域时,它将无法工作,文本区域为空。

我应该使用哪种方法?

-ScriptBlock

4 个答案:

答案 0 :(得分:3)

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

使用$('textarea').text('')$('textarea').html('')的问题在于它只会删除服务器发送的原始DOM中的内容。如果用户清除它然后输入新输入,则清除按钮将不再起作用。使用.val('')可以正确处理用户输入案例。

答案 1 :(得分:2)

试试这个:

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

});

答案 2 :(得分:2)

试试这个,

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

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

});

});

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

});

答案 3 :(得分:1)

如果要将文本保留在textarea中,请在ajax成功函数中使用append。使用htmlval将使用作为参数传递的文本替换所有文本:

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

如果您要清除并替换文本区域中的文字,请使用val代替html(参见@Rushil Pachchigar的回答):

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