Question

我在具有不同ID的页面中设置了多个表单。当提交btn提交其中一个时，我想获取表单的ID。这是我到目前为止所得到的

<div class="form-wrap">
<form action="../administrator/apps/image_process_2D.php" method="post" enctype="multipart/form-data" id="upload_form_2D" class="submit_form">
    <input name="__files[]" type="file" multiple />
    <input name="__submit__" type="submit" class="btn btn-info submit_form" value="Upload"/>
</form>

<div class="form-wrap">
<form action="../administrator/apps/image_process_3D.php" method="post" enctype="multipart/form-data" id="upload_form_3D" class="submit_form">
    <input name="__files[]" type="file" multiple />
    <input name="__submit__" type="submit" class="btn btn-info submit_form" value="Upload"/>
</form>

<script>
    var my_form_id = '#upload_form'; //ID of an element for response output
    $(my_form_id).on( "submit", function(event) { 
    var post_url = $(this).attr("action");
    //codes here//
    });
</script>

所以我需要＆＃39; my_form_id＆＃39;如果单击提交按钮时的表单ID，则获取值。

任何帮助，如果非常感谢

Answer 1

您可以使用closest()遍历到最近的父表单元素，并使用prop或attr获取元素的ID：

$('form').on( "submit", function(event) { 
     console.log($(this).closest('form').prop('id'));
});

Answer 2

您可以使用.parent()

描述：获取当前匹配元素集中每个元素的父元素，可选择通过选择器进行过滤。

$(my_form_id).on( "submit", function(event) { 
     console.log($(this).parent('form').attr('id'));
});

单击sumbit按钮时获取表单的ID

2 个答案: