a标签触发form

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了a标签触发form相关的知识,希望对你有一定的参考价值。

<a class="tilter tilter--1">
就是希望点击上面这个a标签,能触发下面的
<form action="" method="post">
<input type="submit" value="" name="login"/>
</form>

纯小白,望各位大神能写好代码

参考技术A 假设a的id是title
document.getElementsById('title').onclick = function()
document,getElementByTagName('form').submit()

追问

报错啊
getElementByTagName is not defined at htmlAnchorElement.document.getElementById.onclick

jquery触发a标签的点击事件不起作用

最近项目中使用click触发a标签的点击事件$(‘a‘).click()触发不了。

原来$(‘a‘).click()并不能触发a标签中内容的点击事件,只相当于触发了a本身的onclick,而不是像用户点击一样的事件。

如果想要触发click事件,得把click绑定到a标签的子元素span上面,如:

<a><span>点击</span><a>

$(‘a span‘).click();
或者

$("#btn").click(function() {  

    document.getElementById("a").click();  

})  

发现$("a")获取的是jquery的对象,而document.getElementById("a")获取的是DOM对象

onclick()也可以触发事件,测试后发现onclick其实跟click不同,onclick触发的是方法,而click触发是按钮点击事件,然后触发方法

如果该对象没有事件onclick则无法被触发,而click却可以触发但是因为$("#a")获取的是jquery的对象却反倒影响到了click事件,而用document.getElementById("a")没有影响

以上是关于a标签触发form的主要内容,如果未能解决你的问题,请参考以下文章

怎么对a标签 不跳转触发点击事件

js 怎么触发a标签里的href链接

jquery触发a标签的点击事件不起作用

php点击a标签触发事件

小笔记——a标签触发file

a标签下的span触发click怎样避免跳转