如何在onClick上获取锚标记?

时间:2016-07-07 13:39:03

标签: anchor

我正在尝试从锚标签提交最接近的表单.Page有多个表单,每个表单都有锚点以提交相应的表单。我的事件目标和这两者都返回URL值。 我怎么能得到我的锚元素,以便我可以引用我最接近的形式。

<form method="post">
    <input type="hidden" name="RolesIndex" value="XXX">    
    <a class="linktext" href="#">Submit</a>
</form>
<form method="post">
    <input type="hidden" name="RolesIndex" value="XXX2">    
    <a class="linktext" href="#">Submit2</a>
</form>
$(document).ready(function () {
        $('.linktext').click(function (event) {
            event.preventDefault();
            alert(this);            
            alert(event.target);
        });
    });

我从警报中得到结果 http://localhost/WebApplication1/Home/Index#

1 个答案:

答案 0 :(得分:0)

这对我来说是有目的的。

<form method="post">
    <input type="hidden" name="RolesIndex" value="XXX">
    <a onclick="SubmitForm(this);" href="javascript:void(0);">Submit</a>
</form>
<form method="post">
    <input type="hidden" name="RolesIndex" value="XXX2">
    <a onclick="SubmitForm(this);" href="javascript:void(0);">Submit</a>
</form>


<script>        
    function SubmitForm(el) {
        jQuery(el).closest('form').submit();
    }
</script>