如何提交焦点的表格

时间:2014-11-19 18:57:34

标签: javascript php jquery html forms

你看过facebook评论框吗?我想用textareas制作一个非常相似的评论框。为此我在我的页面下面有很多表格"墙贴"。每个表单都有一个comment-form类,在该表单中我有textarea用于评论。每个textarea都有comment-textarea类。

我想提交一条关于回复的评论。因为我有一个javascript

$('.comment-textarea').keypress(function(e){
    if(e.which == 13 && e.shiftKey){

    } else if(e.which == 13){
        e.preventDefault();
        $('.comment-form').trigger('submit');
    }

});

但由于我在页面中有很多表单,因此我不知道如何提交重点关注的表单。

2 个答案:

答案 0 :(得分:1)

有2个解决方案。解决方案1为每个表单提供唯一的ID,以便您可以定位它。使用comment-textarea查找如下表单:

$('.comment-textarea').keypress(function(e){
    if(e.which == 13 && e.shiftKey){

    } else if(e.which == 13){
        e.preventDefault();
        $(this).closest('.comment-form').trigger('submit');
    }

});

这将找到第一个带有“comment-form”类的父级

答案 1 :(得分:0)

您可以使用.closest()

$(this).closest('.comment-form').trigger('submit');

函数.closest()上升一级(如.parent())以查看类.comment-form是否存在,如果找不到它,它会再次重复该过程起来,一次又一次,直到找到一些东西(如果有什么东西可以找到的话)。