在提交之前获取textarea内容

时间:2012-01-11 20:18:33

标签: javascript jquery html

我有一个textarea的id“compose”,我想在按下提交按钮之前从该textarea获取数据。我有另一个javascript函数,它将根据用户首选项将信息分享到各种其他网站,我需要将textarea中的信息传递给该js。

function getVal(){
               alert(document.getElementById("compose").value);

           }

我没有得到任何信息并且我猜测它,因为信息存储在其他地方,但我不知道存储在哪里。

我正在使用zend,我想使用jQuery,但我不能让jQuery与zend一起正常工作。它要么破坏页面上的其他组件,要么根本不起作用。有什么建议吗?

编辑:这是我调用getVal()的地方。它现在只是一个链接,因为我试图获得文本区域的输入。然后我将找到的数据插入到我的js脚本中。

我附加了Zend,因为该站点是使用zend框架制作的,经过一段时间与jquery混合后我不想要jquery答案因为我无法使用它。

<a href="javascript:void(0);" onclick="getVal()">click</a>

edit1 似乎使用的引擎已经删除了对使用的版本的jquery支持....感谢您的回答和帮助

2 个答案:

答案 0 :(得分:3)

因为你把它标记为jquery我假设你使用它。在这种情况下,最简单的方法是......

$("#compose").val()

哦,没关系,我现在读到你不能让jquery工作? 在那种情况下,你读过这篇文章了吗? Best way to start using jQuery in a Zend Framework 1.9 application?

答案 1 :(得分:0)

您可以为表单填写submit事件,执行您的AJAX请求,然后正常提交表单:

$('form').on('submit', function () {
    $.ajax({
         url  : '<URL>',
         data : { compose : $('#compose').val() }
    });
});

请注意,.on()是jQuery 1.7中的新功能,在这种情况下与.bind()相同。

.on()的文档:http://api.jquery.com/on