我如何使用javascript在DIV上点击提交我的表单

How can I make a click on a DIV submit my form using javascript?

本文关键字:提交 我的 表单 DIV 何使用 javascript      更新时间:2023-09-26

我使用以下HTML:

<form action="/User/Account/LogOff" id="logoutForm" method="post">
   <button class="float-left submit-button" title="Logoff">Logoff</button>
</form>

我想把它替换为:

<form action="/User/Account/LogOff" id="logoutForm" method="post">
   <div class="button" id="logout" title="Logout">
      <span>Logout</span>
   </div>
</form>

是否有一种方法,我可以抓住点击的div#注销,并使用它作为提交的形式?我看到了一个链接:

<a href="javascript:document.getElementById('logoutForm').submit()">Logout</a>

但是对于像我这样的DIV,我怎么做呢?

添加到div:

   <div class="button" id="logout" onclick="javascript:document.getElementById('logoutForm').submit();" title="Logout">

编辑1:谢谢你指出来。

   <div class="button" id="logout" onclick="submitForm()" title="Logout">
Javascript:

 function submitForm()
 {
      document.getElementById('logoutForm').submit();
 }