javascript - 如何最好地使链接提交表单

Question

让常规 anchor ( <a href="..."> ) 在单击时提交嵌入其中的表单的最佳方法是什么？

<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>

我知道使用 jQuery 最简单的方法是

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

...但我正在尝试找到一种不使用库的方法。

---

编辑:我真的想找到一种不需要了解表单(例如:它的名称、ID 等)的方法。这类似于将其放在输入元素上的方式:<input onclick="this.form.submit()" />

Answer 1

你为什么不使用 <input>或 <button>元素并用 CSS 调整它？这样它就可以在没有 Javascript 的情况下工作，因此更加可靠。