无法检索textarea的值

时间:2011-04-03 11:13:34

标签: jquery textarea

我构建了一个基本的form,其中有一些元素,其中一个是textarea元素。 整个表单包含在div中,当用户点击提交按钮时,表单将被隐藏,textarea的值应显示以供审核。

我正在使用jQuery来检索textarea中的数据,但是也试过没有它但无济于事。 我尝试过使用.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;
    });
});

...以及表单中的textarea

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

Additonal info:我在textarea上使用CKEditor,但我不认为这会导致像这样的问题。还在IE8和Chrome中进行了测试。

有什么想法吗?

2 个答案:

答案 0 :(得分:3)

当然是CKEditor导致了这个问题。 textarea根本不再是textarea,它已被其他东西取代,可能是iframe。由于textarea不再存在,您无法使用val方法获取文本。

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

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

答案 1 :(得分:2)

必须是因为CKEditor,因为你的code for grabbing text from textarea is valid