Question

我基本上是想在textarea中获取内容以进行比较，但即使我在textarea框中更改内容，.text（）或.val（）也不会改变

$(document).ready(function() {
      $('#getContents').click(function() {
           console.log($('#txtarea').text());
      });
 });


 <textarea id="txtarea">test</textarea>
 <input type="submit" id="getContents" />

http://jsfiddle.net/THTsG/

Answer 1

使用textarea时，请使用.val()（我看到你说你试过了，但确实有效）：

演示：http://jsfiddle.net/tymeJV/THTsG/1/

JQ：

$('#getContents').click(function() {
    console.log($('#txtarea').val());
});

Answer 2

如果使用

.val();

而不是

.text();

似乎一切正常。

JSFiddle

Answer 3

我已经更新了你的jsFiddle。建议使用.on对您的对象进行动态控制。

$(document).ready(function() {
    $('#getContents').on("click", function() {
        alert($('#txtarea').val());
    });
});

Answer 4

首先，感谢您使用jsFiddle。

使用.val，正如tymeJV所说的那样。但请注意，您不必等到单击提交。当textarea发生变化时，可以具有代码感。但是，它会等到用户完成更改并单击文本区域以外的其他内容。

以下是我在jsFidde http://jsfiddle.net/khV4T/为您起草的内容。

$(document).ready(function() {
    $('#txtarea').on('change', function() {
    console.log($('#txtarea').val());
    });
});

textarea文本内容不变 - jquery

4 个答案: