如何通过jQuery阅读文本区域的内容？

Question

<textarea id="metaSourceText" name='key' style="width:100%" class="text ui-widget-content ui-corner-all" rows="1"></textarea>

我试过

$metaSourceValue = $('metaSourceText').val();
alert($metaSourceValue);

但它显示“未定义”

Answer 1

您的代码只需要进行调整，就像这样：

var metaSourceValue = $('#metaSourceText').val();
alert(metaSourceValue);

你错过了metaSourceText之前的哈希，将ID发送给jQuery。而且您通常不希望使用$

启动变量

Answer 2

你错过了$（'＃metaSourceText'）

中的＃字符

Answer 3

.text（）方法也会给你textarea的值。在ready（）状态下，您可以使用类选择器或id选择器获取textarea的对象。

 $(document).ready(function () {
 $("#submitbtn").click(function () {
 var textAreaValue = $("#txtMessage").text();
 alert(textAreaValue);
 });
});

在此处检查示例：http://www.codegateway.com/2012/03/get-textarea-value-in-jquery.html

Answer 4

请使用'＃'前缀定义选择器，因为它是您所指的ID。 在你的情况下，它引用了一个真正不存在的metaSourceText类型的DOM元素。

要获取此文本区域的值： 你可以使用.text（）或val（）;

$(function(){

var textareaContent = $('#metaSourceText').text();
alert(textareaContent);

​}​);​

小提琴链接：http：//jsfiddle.net/Ds4HC/1/

Answer 5

Javascript变量不以$开头。编辑：他们可以，但通常不会。看到 Why would a JavaScript variable start with a dollar sign?）

你想尝试：

var metaSourceValue = $('#metaSourceText').val();
alert(metaSourceValue);

jQuery使用的$(...)是jQuery函数的快捷方式。

此外，正如其他人所提到的，如果您尝试按ID引用textarea，则需要$('#metaSourceText') - 您错过了#。