jQuery - 从文本区域中删除用户输入文本

关键词：

【中文标题】jQuery - 从文本区域中删除用户输入文本【英文标题】：jQuery - remove user input text from textarea 【发布时间】：2011-10-29 21:01:43 【问题描述】：

好的，我有一个设备列表，我可以在其中选择要编辑的设备。 我有 3 个状态可供编辑。未选择任何设备时、选择了 1 个设备或选择了 x 个设备时。

我遇到的问题是，当用户在 textarea（commentField）中键入一些文本并取消编辑以编辑另一个设备时，在 textarea 中键入的文本不会消失。当我获得新编辑的新对话框时，它保持不变，评论字段具有旧评论字段中的文本（好像它没有被清除）

我尝试了以下代码来删除文本（在按下取消按钮时以及在我开始新对话框时），但没有任何效果：

$("#commentField").text(" ");
$("#commentField").value = ' ';

有谁知道如何使用 jQuery 从文本区域中删除用户输入的文本？？

提前致谢。

-雷神

【问题讨论】：

Set value of textarea in jquery 的可能重复项 【参考方案1】：

你正在寻找.val():

$("#commentField").val('');

示例： http://jsfiddle.net/andrewwhitaker/q6eLV/

【讨论】：

你知道为什么这不会触发 textarea 中的更改事件吗？ @user3281466：以编程方式设置值不会触发change 事件。如果您想在设置值后调用.change，您可以自己手动执行此操作。【参考方案2】：

由于textarea 是一个输入字段，它具有value 属性，因此您必须使用val() 方法。试试这个

$("#commentField").val('');

【讨论】：

【参考方案3】：

在 jQuery 中它实际上是 $("#commentField").val(" ");

【讨论】：

【参考方案4】：

您可以像这样从文本区域中删除文本：

$("#commentField").html("");

编辑：好的，这不起作用，但我真的很想知道为什么，而且我理解反对票。我一直认为textarea 标签之间的文本是innerHTML，而html() 应该只是替换它。有像输入一样的文本区域没有意义吗？还是仅仅是因为 textareas 包含大量文本，在引号之间看起来很俗气？。

在 FF6 中使用带有 innerHTML 的常规 javascript 对我有用。 demo here

【讨论】：

实际上，在这里投反对票是不公平的；我遇到了同样的问题，因此小提琴。我还假设，因为它在标签之间，.html() 或 .text() 会起作用，但显然不是。也许 jQuery 对textarea 有一个特殊情况，所以它像所有其他输入一样使用.val()。【参考方案5】：

1)<textarea name="editor1" id="editor1" rows="10" cols="80"></textarea> 2) CKEDITOR.replace('editor1'); 3) initiated = true; 在你的文本区域写你的文本 1)$("#editor1").val("your input value"); 清理您的文本区域 1) $("#editor1").reset(); 让你读到这里。

【讨论】：

问题没有引用CKEditor。

HTML5如何从文本区域中获取选定的文本

】HTML5如何从文本区域中获取选定的文本【英文标题】：HTML5howtogetselectedtextoutofatextarea【发布时间】：2014-05-2603:26:37【问题描述】：我能够通过每次记录onselect并存储开始和结束来从文本区域中获取突出显示的文本。然后，当我... 查看详情

如何从 jquery 的文本区域中获取选定的文本？ [复制]

】如何从jquery的文本区域中获取选定的文本？[复制]【英文标题】：Howtogetselectedtextfromatextareainjquery?[duplicate]【发布时间】：2013-04-0820:10:07【问题描述】：如果我从文本区域中选择文本，我需要知道选择了哪个文本，例如“hellowor... 查看详情

从文本区域获取文本时如何保留换行符？

】从文本区域获取文本时如何保留换行符？【英文标题】：HowdoIpreservelinebreakswhengettingtextfromatextarea?【发布时间】：2017-03-1723:36:36【问题描述】：当用户点击提交时，我在文本区域中获取值。然后我把这个值放在页面的其他地方... 查看详情

在将数据输出回文本区域时，如何正确清理从文本区域接收的数据？

】在将数据输出回文本区域时，如何正确清理从文本区域接收的数据？【英文标题】：HowdoIproperlysanitizedatareceivedfromatextarea,whenoutputtingitbackintothetextarea?【发布时间】：2010-10-1005:52:02【问题描述】：用户将在文本区域中输入文本。... 查看详情

如何使用 AngularJs 从输入或文本区域中删除特殊字符？

】如何使用AngularJs从输入或文本区域中删除特殊字符？【英文标题】：HowtoremovespecialcharacterfrominputortextareausingAngularJs?【发布时间】：2018-12-1401:13:54【问题描述】：我正在尝试实现AngularJs指令以从输入和文本区域中删除任何特殊... 查看详情

如何更改文本区域中一行用户输入的背景颜色？

】如何更改文本区域中一行用户输入的背景颜色？【英文标题】：Howtochangethebackgroundcolorofalineofuserinputinatextarea?【发布时间】：2013-05-0805:25:15【问题描述】：我知道如何更改文本区域的背景颜色，但是如何更改用户在文本区域中... 查看详情

以我在 java 或 jquery 的文本区域中输入的相同格式显示内容

】以我在java或jquery的文本区域中输入的相同格式显示内容【英文标题】：Displaycontentwiththesameformatienteredintothetextareainjavaorjquery【发布时间】：2012-08-2723:15:23【问题描述】：我有一个文本区域并在此文本区域中输入一些内容我想以... 查看详情

限制文本区域中的行数

】限制文本区域中的行数【英文标题】：Limitingnumberoflinesintextarea【发布时间】：2010-10-0802:12:00【问题描述】：我正在寻找一种可以限制用户在textarea中输入的行数的javascript（行我的意思是用户在键盘上按enter结束的一些文本）。... 查看详情

如何使在文本区域中输入的文本对应于特定的单选按钮？

】如何使在文本区域中输入的文本对应于特定的单选按钮？【英文标题】：howtomaketextenteredintextareacorrespondtospecificradiobutton?【发布时间】：2013-12-2911:09:53【问题描述】：我已经构建了一个带有单选按钮的表单。我现在要做的是：... 查看详情

如何将可关闭的文本标签添加到 Textarea Kendo | jQuery

】如何将可关闭的文本标签添加到TextareaKendo|jQuery【英文标题】：HowtoaddcloseabletexttagstoTextareaKendo|jQuery【发布时间】：2020-01-2908:18:00【问题描述】：我需要像这张图片一样使用文本区域。我应该可以点击TextA、TextB、TextC、TextD>... 查看详情

如何将选定的文本包装在文本区域中？

】如何将选定的文本包装在文本区域中？【英文标题】：Howtowrapselectedtextinatextarea?【发布时间】：2010-12-1507:22:15【问题描述】：如何获取用户选择的文本（就在textarea内）并对其应用操作，例如包装选择[#bold]selectedtext[/bold]？【... 查看详情

Robot Selenium - 在 CodeMirror 文本区域中输入文本

】RobotSelenium-在CodeMirror文本区域中输入文本【英文标题】：RobotSelenium-EntertextintoCodeMirrortextarea【发布时间】：2016-08-1618:17:03【问题描述】：最近我开始使用带有Selenium2Library的Robot来自动化一些GUI测试用例。我正在自动化的应用程... 查看详情

点击按钮后在两个文本区域中添加新行并用文本填充它们

】点击按钮后在两个文本区域中添加新行并用文本填充它们【英文标题】：Addingnewlinesintwotextareasafterhittingabuttonandfillingthemwithtext【发布时间】：2015-10-1300:10:57【问题描述】：我有一个包含两个文本区域和一个按钮的HTML页面。它... 查看详情

如何使用 PHP 从文本区域解析文本中的 \n 符号

】如何使用PHP从文本区域解析文本中的\\\\n符号【英文标题】：Howtoparse\\nsymbolsintextfromtextareawithPHP如何使用PHP从文本区域解析文本中的\\n符号【发布时间】：2014-08-1422:32:40【问题描述】：我有一个文本区域，我需要在提交表单时... 查看详情

在文本区域中的光标位置之后插入文本

】在文本区域中的光标位置之后插入文本【英文标题】：Insertingtextaftercursorpositionintextarea【发布时间】：2011-07-0908:58:11【问题描述】：下面的脚本将文本插入到文本区域的末尾。我需要更改为在文本区域中当前光标位置之后插入... 查看详情

使用 php 读取文件时删除文本区域中的换行符

】使用php读取文件时删除文本区域中的换行符【英文标题】：RemovingNewlineinatextareawhenreadingfilewithphp【发布时间】：2017-07-2719:40:11【问题描述】：我需要一个带有文本区域的表单，它保存到一个文本文件中。此表单应在页面刷新时... 查看详情

如何在反应中从文本区域获取选定的文本？

】如何在反应中从文本区域获取选定的文本？【英文标题】：Howtogettheselectedtextfromtextareainreact?【发布时间】：2017-07-2523:08:48【问题描述】：我试图做一个文本编辑器中react.Does任何人知道如何从textarea的选定的文本，以便样式可... 查看详情

如何限制用户在文本区域中只能输入 250 个单词？

】如何限制用户在文本区域中只能输入250个单词？【英文标题】：howtorestricttheusertoenteronly250wordsintextarea?【发布时间】：2015-06-0806:33:49【问题描述】：我创建了一个表单供用户提交摘要。但是在提交时我需要检查天气他们是否添... 查看详情