Question

我正在使用一个聊天框，但工作正常，但是当我们输入短信并在发送短信后发送短信时，它不会自动清除。即使在发布文字之后，该文字也会保留在此处，我们需要手动将其清除。

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

我在此使用的代码。

string1='my name is jen'
re.sub(regex1,' ',string1)
out: ' name jen'

AJAX

    <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>

我希望有人发送邮件后，文本区域会被清除，但实际上即使发送邮件后文本仍会保留在文本区域中。

Answer 1

我认为这个$(".emoji-wysiwyg-editor")是您内容的元素。因为这是您在

中打来的电话

var content = $(".emoji-wysiwyg-editor").html();

尝试使用成功代码清除此元素，因为您在此处使用的是jQuery。

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

Answer 2

只需在AJAX success（）函数的开始处添加此行

$('#pm-write').empty();

使用纯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
       }
});

Answer 3

使用javascript，您可以通过在这样的文本区域上设置事件监听器来轻松实现这一目标

setEnabled(boolean)

或在jQuery

中

document.addEventListener("DOMContentLoaded", function() {
    var submitBtn = document.getElementsByClassName("btn-send-reply")[0];  
    submitBtn.addEventListener("click", function(){
        document.getElementsByName("message")[0].value = "";
    });
});

即使在聊天中发送短信后，短信也无法清除

3 个答案: