jquery - 无法检索文本区域的值

Question

我构建了一个基本的表单，其中包含某些元素，其中一个是textarea 元素。整个表单包含在 div 中，当用户单击提交按钮时，表单将被隐藏，并且应显示 textarea 的值以供查看。

我正在使用 jQuery 检索文本区域中的数据，但也尝试过不使用它，但无济于事。我尝试过使用 .text()、.val() 和 .html()。尽管 .val() 应该有效，但这些都不起作用。

这是我当前使用的脚本:

$(function(){
    var ptext = $('#post_text');
    $('#submit').click(function() {
        data = ptext.val();
        alert(data);
        $('#form_container').fadeOut('slow', function(){
               $('#status').html(data);
               return;
       });
       $('#status').fadeIn('slow');
       return true;
    });
});

...以及表单中的文本区域

<div id="post_box"><textarea id="post_text" name="text" class="full"></textarea></div>

附加信息:我在文本区域上使用 CKEditor，但我不认为它会导致任何这样的问题。还在 IE8 和 Chrome 中进行了测试。

有什么想法吗？

Answer 1

当然这是 CKEditor 造成的。 textarea 不再是一个textarea，它已被其他东西取代，可能是一个iframe。由于文本区域不再存在，因此您无法使用 val 方法获取其文本。

使用getData方法从编辑器获取文本:

var data = CKEDITOR.instances.post_text.getData();