Question

我有以下表格：

<form onsubmit="chat.sendMsg(); return false;">
    <label for="msg" style="float:left">Message:</label>
    <input type="text" id="msg" name="msg" autofocus="true" placeholder="Type Your Meassage Here" />
    <input type="submit" />
</form>

以及随之而来的JavaScript：

//For sending message
this.sendMsg=function(){ 
    msg=document.getElementById("msg").value;
    chatZone.innerHTML+='<div class="chatmsg"><b>'+name+'</b>: '+msg+'<br/></div>';
    oldata='<div class="chatmsg"><b>'+name+'</b>: '+msg+'<br/></div>';           
    this.ajaxSent();  
    return false;
};

一切正常，但是当我提交表单时，文本会保留在表单中。点击进入/点击提交后如何清除此文本字段？

ps我不使用jquery

Answer 1

使用此：document.getElementById("msg").value = '';

this.sendMsg=function(){ 
      msg=document.getElementById("msg").value;
      chatZone.innerHTML+='<div class="chatmsg"><b>'+name+'</b>: '+msg+'<br/></div>';
      oldata='<div class="chatmsg"><b>'+name+'</b>: '+msg+'<br/></div>';           
      this.ajaxSent();  
      document.getElementById("msg").value = '';//here
      return false;
 };

Answer 2

你可以添加这个

document.getElementById("msg").value='';

在以下声明之前：

return false;

提交后在表单中清除文本字段

2 个答案: