使用ajax函数后清除textarea

时间:2015-08-06 20:29:29

标签: javascript php jquery

我有一个工作的ajax函数,用户在textarea中键入内容,按回车键,无论用户输入什么内容,都会输出到屏幕上。现在我正试图在用户按下回车后找到清除textarea的方法。我该怎么做?

test1.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script type = "text/javascript"> 

function ajaxPass(gotoUrl,getValueFrom,output) {

      var input = document.getElementById(getValueFrom).value; // or $('#t').val();

      $.ajax({
           type: "POST",
           url: gotoUrl,
           data: { input : input },
           error: function(xhr,status,error){alert(error);},
           success:function(data) {
           document.getElementById( output ).innerHTML = data;
           }

      });

}

</script>

<textarea id = 'textarea' rows = "25" cols = "50" onKeyDown="if(event.keyCode==13) ajaxPass('robotChat2.php','textarea','output')"> </textarea>
<div id = 'output'> </div>

test2.php

<?php

$input = $_POST['input'];
echo $input;

?>

1 个答案:

答案 0 :(得分:2)

在功能结束时添加 function ajaxPass(gotoUrl,getValueFrom,output) { var input = document.getElementById(getValueFrom).value; // or $('#t').val(); $.ajax({ type: "POST", url: gotoUrl, data: { input : input }, error: function(xhr,status,error){alert(error);}, success:function(data) { document.getElementById( output ).innerHTML = data; } }); $("#"+getValueFrom).val(''); }

elementId