如何在javascript中检索文本区域的值

Posted 2023-05-09

【中文标题】如何在javascript中检索文本区域的值

【英文标题】：How to retrieve the value of a text area in javascript

【发布时间】：2010-10-26 18:57:21

【问题描述】：

我有一个带有文本区域输入的表单。我正在使用 JQuery 通过 AJAX 请求提交表单以更新数据库。我的问题是我很难从文本区域输入中检索数据。如果输入的 id 为“txtBody”，我尝试过：

var body = $("#txtBody").val(); // This adds 'undefined' to the database  
var body = $("#txtBody").text(); // This adds nothing to the database  
var body = $("#txtBody").html(); // This adds 'NULL' to the database  

我想不出还有什么方法可以访问这些数据。有什么想法吗？

【参考方案1】：

你说添加到数据库中。您是否调试过实际代码以确保您不只是使用一个变量名发送数据并尝试将其与另一个变量名一起添加？因为如果你有这样的字段：

<input type='text' id='txtBody' value='test'>

或者像这样：

<textarea id='txtBody'>test</textarea>

执行$('#txtBody').val(); 将返回值“test”。没有如果或但是。

也许您应该发布更多代码，以便我们找出问题所在，因为我猜这不是您遇到的实际问题。

【讨论】：

好的，我想我可能混淆了这个问题。 id 指的是 html 标签。这种标签不能接受值属性。因此，从技术上讲，它不是输入，即它不是 <input> 标记。当您输入文本区域时，我假设数据保存在开始和结束标记之间，但我不确定。

jQuery 足够聪明，可以弄清楚你想要什么，更不用说原生 textarea 元素以与输入元素相同的方式存储它们的值。调用 val() 将正确返回 textarea 标签之间的文本。正如我所说，您的问题可能在其他地方。您应该发布更多代码或尝试简化您正在做的事情，您可能会发现问题所在。

好吧，这很有趣。我想确保调用 val() 绝对是要走的路。现在我知道了，我会看看还有什么可能出了问题。谢谢！

【参考方案2】：

jQuery documentation 表明 val() 不可用是 jQuery 的旧版本。你的版本是最新的吗？