How best to make a link submit a form.

Posted by nickf on Stack Overflow See other posts from Stack Overflow or by nickf
Published on 2008-11-24T05:18:27Z Indexed on 2010/06/02 23:24 UTC
Read the original article Hit count: 180

Filed under:
|
|

What's the best way to get a regular anchor (<a href="...">) to submit the form it is embedded in when clicked?

<form>
    <ul>
        <li>
            <p>
                The link could be <span>embedded <a href="" onclick="?">at any level</a></span>
                in the form, so "this.parentNode.parentNode..." is no good. :(
            </p>
        </li>
    </ul>
</form>

I know that the easiest way using jQuery would be

$('#myLink').click(function() {
    $(this).parents('form:first').submit();
});

...but I'm trying to find a way to do this without using a library.


Edit: I'm really trying to find a method which doesn't require knowledge of the form (eg: its name, id, etc). This would be similar to how you could put this on an input element: <input onclick="this.form.submit()" />

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about html