JQuery .html() 和 .text() 在生产中返回空值

Question

我有一个 id 为 posttext 的 textarea。

我正在尝试获取 textarea 的值，但 .html() 和 .text() 在 Production 中总是返回 null。但是 .val() 返回正确的值。我使用 IIS 作为 Web 服务器。

alert($("#posttext").html());    // returns empty
alert($("#posttext").val());     //returns the correct values
alert($("#posttext").text());    // returns empty

当我在本地运行代码时，它运行良好，那么生产中是否有任何设置混乱？有什么办法调试吗？由于它是一个 ajax 加载的表单，我无法在视图源中看到 textarea。

谢谢

Answer 1

在 jQuery 中，您使用 .val() 来访问文本区域的内容。这就是 jQuery 的工作原理。您不使用.html() 或.text()。您的解决方案似乎很简单。只需使用.val()。

.html() 和 .text() 将原始 HTML 中的值返回给您，这是 textarea 的初始值，而不是当前键入的值。

http://jsfiddle.net/jfriend00/zV5zM/

Answer 2

这与本地环境或生产环境无关。

问题是这样的：html() 将始终为您提供初始值，val() 将为您提供当前/写入 textarea 中的实际值。看到这个Jsbin Demo

HTML

<textarea id="ta"> This is html of textarea </textarea>

JS

var $t = $('#ta');
console.log($t.html());

$t.val('New html content of textarea');

console.log($t.html()); //  This is html of textarea
console.log($t.text()); //  This is html of textarea
console.log($t.val()); // New html content of textarea

Answer 3

.html() & .text() 只会给你在编码时添加的结果。

例如：我在编码时在文本区域之间添加了文本：<textarea name ="editor" id="editBox" rows="5" cols="2">aeflljn</textarea>。

所以它会显示：aeflljn。它不会提醒您在文本框中所做的更改。

See this fiddle

所以获得正确值的唯一方法是使用.val()