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