提交完成。空文本区域答案

【问题标题】：Submission done. empty textarea提交完成。空文本区域
【发布时间】：2019-02-06 20:49:21
【问题描述】：

我需要你的帮助。我有一个使用 ajax 将 textarea 发布值发送到 php 文件的工作表单。

我已在该文本区域输入中添加了表情符号，一切正常。但是我面临一个问题，当提交表单时，文本区域不会自动清空。

确认设置后我需要清空输入，但我不知道如何。

HTML 页面

    <html>
<head>
    <link rel="stylesheet" href="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/core.js">
    </script>

 <script>   
    $(document).ready(function() {
$("#formsubmit").click(function() {

var msg = $("#emojionearea1").val();
if ( msg == '') {
alert("field empty");
} else {
// Returns successful data submission message when the entered information is stored in database.

$.post("sss.php", {

msg1: msg
}, function(data) {
//alert(data);

$('#status').html(data);


$('#di_pr')[0].reset(); // To reset form fields
});
}
});
});

</script>

</head>
<body>

 <p id="status"></p>


 <form action="" id="di_pr" method="post"  name="myForm"  enctype="multipart/form-data">


<div class="row">

    <div style="width: 303px;" class="span6">
        <textarea id="emojionearea1" name="rby_message" placeholder="type here"></textarea>
    </div><br/>

    <div class="uhn">

      <input type="button" value="Send" name="tlaj_submit"  id="formsubmit" class="gpfy"  >     

     </div>

</div>

<script>
    $(document).ready(function() {
        $("#emojionearea1").emojioneArea({
            pickerPosition: "left",
            tonesStyle: "bullet"
        });
    })
</script>

  </form>   


</body>
</html>

PHP 页面

    <?php

$hssh = $_POST['msg1'];

echo '<p>send message: '.nl2br($hssh).'</p>';

?>

表单静止，但输入未清空。

【问题讨论】：

$('#emojionearea1').val('');
How to empty the message in a text area with jquery?的可能重复
@AndrewLohr 它不是重复的
如果您认为是罪魁祸首，请提供有关上述表情符号插件的文档。如果它用其他东西替换你的 textarea，那么常规的表单重置不会重置它。

标签： javascript php html ajax

【解决方案1】：

$("#emojionearea1").data("emojioneArea").setText('');

【讨论】：

【解决方案2】：

在回调函数中加入这一行：$("#emojionearea1").val(''); 通过以下方式：

$.post("sss.php", {

msg1: msg
}, function(data) {
//alert(data);

$('#status').html(data);


$('#di_pr')[0].reset(); // To reset form fields

$("#emojionearea1").val('');//line to be added
});

【讨论】：

如果我没有表情符号插件，您的代码将可以工作。
我已经修改了你的答案，我会给你功劳。
是的，提交后的输入文本被确认，这就是我想要的。谢谢。