Question

我希望能够提交表单，但我不想点击提交按钮，我希望能够点击<li>元素并将其提交。

任何帮助都会很棒！

提前致谢！

Ncoder

Answer 1

您可以在调用表单提交事件的LI上放置一个onclick事件：

<form id="myForm" action="foo.htm" method="post">  
  <ul>
    <li onclick="myForm.submit();">Click me</li>
  </ul>
</form>

您的表单将是非标准的，但不是很容易访问。

Answer 2

<li onclick="formName.submit();">

虽然上述方法可行，但似乎这样是一个奇怪的要求，我建议重新思考程序背后的逻辑。

Answer 3

的JavaScript。

连接元素的onclick事件。获取对表单的引用。

var frm = document.getElementById('formid');

提交。

frm.submit()

Answer 4

在click元素上添加<li>处理程序并使用javascript提交表单document.getElementById('formid').submit();

Answer 5

<form id="myForm">
...

<li id="something" onclick="mySubmit();"><p>hello world!</p></li>
...
</form>
<script type="text/javascript">
   function mySubmit(){
   document.getElementById("myForm").submit();
}</script>

Answer 6

我相信我试图完成与你非常相似的事情，但我决定以“正确”的方式编写代码。这是一种替代方法，基本上像li元素一样设置提交按钮。

<强> HTML / ColdFusion的

<div id="student_options">
<ul>
    <cfoutput query="student_specs">
        <cfif #currentStudent# IS NOT #student_specs.GS1FNFP#>
            <form action="" method="POST" name="dropdown">
                <input type="hidden" name="change_stnum" value="#Trim(student_specs.STNUM)#" />
                <input type="submit" name="submit_stu_change" value="#Trim(student_specs.GS1FNFP)#" />
            </form>
        </cfif>
    </cfoutput>
</ul>
</div>

<强> CSS

#student_options input[type="submit"] {
    padding:15px 20px 15px 20px;
    font-size:90%;
    color:#555;
    background-color:#eee;
    display:block;
    width:100%;
    text-align:left;
}

#student_options input[type="submit"]:hover {
    background-color:#F4F4F4;
    cursor:pointer;
}

您必须根据自己的喜好自定义元素，但这比使用javascript提交表单更好。

如何使用<li>而不是提交按钮提交表单？</li>

6 个答案: