首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何清除文本框输入的文本?

如何清除文本框输入的文本?
EN

Stack Overflow用户
提问于 2013-12-05 22:04:40
回答 3查看 1.1K关注 0票数 0

我有下面的表单,当我关闭表单时,我想清除任何用户输入。我是用以下JQ函数来实现的,但是textarea元素没有以相同的方式清除(#reply只使用.val("")清除)。我不明白为什么是这样。

代码语言:javascript
复制
HTML
<div class="form" id="form">
  <form id="postandreply" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post" >
    <div id="textarea">
      <label for="posttopic">Topic</label>
  <textarea id="posttopic" name="posttopic" maxlength="100" cols="50" rows="3"></textarea>
      <label for="comment">Comment</label>
      <textarea id="comment" name="posttext" maxlength="500" cols="80" rows="6"></textarea>
      <label for="reply">Reply</label>
      <textarea id="reply" name="replytext" maxlength="500" cols="80" rows="6"></textarea>
   </div>

      <input type="text" id="lookup" name="reply-lookup" />
     <input type="submit" id="submit" name="post" value="Post" />

  </form>
</div>

JQ
// -------------------------reset the forms -------------------------   
function reset(formhtml) {

$('#posttopic, #comment, #reply').text(""); //will not clear #reply
$('#lookup, #reply').val("");              //this will clear #reply

}

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-12-05 22:05:43

.val()是获取输入数据的主要方法。这是http://api.jquery.com/val/的引文。

.val()方法主要用于获取表单元素的值,例如输入、选择和文本区域。对于元素,.val()方法返回包含每个选定选项的数组;如果没有选择选项,则返回null。

.text()不能工作,因为textarea仍然是输入。

票数 2
EN

Stack Overflow用户

发布于 2013-12-05 22:08:31

来自JQuery文档:

http://api.jquery.com/text/方法不能用于表单输入或脚本。若要设置或获取输入或文本区域元素的文本值,请使用http://api.jquery.com/val/方法。要获得脚本元素的值,请使用.html()方法。

票数 2
EN

Stack Overflow用户

发布于 2013-12-05 22:16:09

不如:

代码语言:javascript
复制
$('#form')[0].reset(); // use the id of the form
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20411764

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档