javascript - 如何使用 javascript 单击 DIV 提交我的表单？

Question

我正在使用以下 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#logout 并将其用作表单的提交？我看到这个链接：

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

但是对于像我这样的 DIV，我怎么能做到呢？

Answer 1

将此添加到您的 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();
 }