Javascript 短信赢了';即使在聊天中发送文本后也无法清除

Javascript 短信赢了';即使在聊天中发送文本后也无法清除,javascript,php,html,ajax,Javascript,Php,Html,Ajax,我正在处理一个聊天框,它工作正常,但当我们输入文本消息并在消息发送后发送时,它不会自动清除。即使在发布文本后,它仍将保留在那里,我们需要手动清除它 我试图更改一些代码,但无法解决问题 我在这里使用的代码 <div class="row"> <div class="pull-left"> <h3><?php echo sprintf($this->lang->line("conv_with"),

我正在处理一个聊天框,它工作正常,但当我们输入文本消息并在消息发送后发送时,它不会自动清除。即使在发布文本后,它仍将保留在那里,我们需要手动清除它

我试图更改一些代码,但无法解决问题

我在这里使用的代码

    <div class="row">
        <div class="pull-left">
            <h3><?php echo sprintf($this->lang->line("conv_with"), $user["username"]); ?></h3>
        </div>
    </div>

    <div class="row">
        <div class="main_container clearfix">
            <div class="ibox-content-no-bg">
                <div class="chat-discussion">
                    <?php
                    $last_conv = $last_conv->result_array();
                    $last_conv = array_reverse($last_conv);
                    foreach($last_conv as $message):
                    $activity_thumb = $message["thumb_url"];

                    if($message["thumb_url"] == "" || $message["photostatus"] == 0) {
                        $activity_thumb = base_url() . "images/avatar.png";
                    }
                    ?>

                    <?php
                    if($message["user_id"] == $this->session->userdata("user_id"))
                        $align_message = "left";
                    else
                        $align_message = "right";
                    ?>

                    <div class="chat-message clearfix <?php echo $align_message; ?>" data-id="<?php echo $message["id"]; ?>">
                        <?php
                        if($message["gender"] == 0) {
                            $gender_user_color = "male_color";
                        } else {
                            $gender_user_color = "female_color";
                        }
                        ?>
                        <a class="nailthumb-msg-container" href="<?php echo base_url("user/profile/".$message["user_id"]) ?>"><img width="62" alt="" src="<?php echo $activity_thumb; ?>" class="message-avatar"></a>
                         <div class="message">
                            <a class="message-author <?php echo $gender_user_color; ?>" href="<?php echo base_url("user/profile/".$message["user_id"]) ?>"><?php echo $message["username"] ?></a>
                            <span class="message-date text-muted pm-date" title="<?php echo $message["date"]; ?>Z"></span>

                            <span class="message-content">
                                <?php echo $message["content"]; ?>
                            </span>
                            <span class="message-date-mob text-muted pm-date" title="<?php echo $message["date"]; ?>Z"></span>

                        </div>      
                    </div>
                    <?php
                    endforeach;
                    ?>
                </div>

                <div class="chat-message-form">
                    <div class="form-group">
                        <p class="lead emoji-picker-container">
                        <textarea id="pm-write" class="form-control message-input pm-write-answer-textarea" placeholder="<?php echo $this->lang->line("enter_message_here_placeholder"); ?>" name="message"  data-emojiable="true"></textarea> 
                        </p>
                    </div>
                    <div class="btn-reply-placeholder">
                        <a class="btn btn-primary btn-send-reply" href="#" data-user-id="<?php echo $user["uid"]; ?>" data-conv-id="<?php echo $current_conv->id; ?>"><?php echo $this->lang->line("send_reply_btn"); ?></a>
                    </div>
                </div>
            </div>
        </div>
    </div>


只需在AJAX success()函数的开头添加这一行

使用纯Javascript

document.getElementById('pm-write').innerHTML = "";
看起来是这样的

 $.ajax({
       url: base_url + "pm/send_reply",
       type: 'POST',
       data: {conv_id : conv_id, content: content, user_id : user_id},
       success: function(data) {
            var res = data.result;

            $('#pm-write').empty(); //Clean the textarea
            //Other code
       }
});

使用javascript,您可以通过如下方式在文本区域设置事件侦听器轻松实现这一点

 $.ajax({
       url: base_url + "pm/send_reply",
       type: 'POST',
       data: {conv_id : conv_id, content: content, user_id : user_id},
       success: function(data) {
            var res = data.result;

            $('#pm-write').empty(); //Clean the textarea
            //Other code
       }
});
document.addEventListener(“DOMContentLoaded”,function()){
var submitBtn=document.getElementsByClassName(“btn发送回复”)[0];
submitBtn.addEventListener(“单击”,函数(){
document.getElementsByName(“消息”)[0]。value=“”;
});
});
或者在jQuery中

$(文档).ready(函数(){
$('.btn发送回复')。单击(函数(){
$(“输入[name*='message']”。val(“”);
})
})
我假设这个
$(“.emoji所见即所得编辑器”)
是您内容的元素。因为这就是你打电话来的那个

var content=$(“.emoji所见即所得编辑器”).html()

因为您在这里使用的是jquery,所以请尝试在成功后使用此代码清除此元素

$(".emoji-wysiwyg-editor").html('');

你如何发送短信?使用AJAX还是表单?请发布完整的代码使用AJAX发送消息问题:您有很多代码。代码中是否有任何部分甚至试图处理清算?
$(".emoji-wysiwyg-editor").html('');