具有值的锚点作为提交按钮

Question

这似乎是一个重复的问题，但我已经在Google上搜索并搜索了stackoverflow，如何将锚定标记作为提交内容，使其适合我要尝试的网站。

我的右侧面板导航中包含以下代码：

<div class="content clearfix">
<div class="left_column">
    <div class="product_menu">
        <? if($_SESSION['logged_in'] == 1) {
        $customer_panel = '
        <div class="customer_nav">
        <h1 class="customer_nav_name">Hello ' .  $_SESSION['fname'] . ',</h1>
        <ul class="clearfix">
            <li><a href="#">View Profile</a></li>
            <li><a href="">Update Information</a></li>
            <li>
            <!-- this is where i would like the signout button to act as a submit
                 i have left it plane to start from scratch -->
                <a href="">Sign Out</a>
            </li>
        </ul>
        </div>';

        echo $customer_panel;
        }?>
        <h2><span>Product Categories</span></h2>
        <ul id="prod_nav" class="clearfix">

            <li class="top"><a href="#" class="top_link"><span>Processed Meat</span></a></li>
            <li class="top"><a href="#" class="top_link"><span>Ready Made</span></a></li>
            <li class="top"><a href="#" class="top_link"><span>Siomai &amp; Siopao</span></a></li>
            <li class="top"><a href="#" class="top_link"><span>English Pork Snacks</span></a></li>
        </ul>
    </div>

这是我使用提交按钮而非锚标记进行POST方法时的常用代码：

if(isset($_POST['signout'])) { // logout button
// Clear and destroy sessions and redirect user to home page url.
$_SESSION = array();
session_destroy();
// Redirect to where the site home page is located -- Eg: localhost
header('Location: http://localhost/');
}

我已经阅读了许多这样的问题，但是我不了解jQuery或如何使用JavaScript来实现。

我也尝试使用此解决方案：

<form id="signout" action="index.php" method="post">
<a href="javascript:;" onclick="document.getElementById('signout').submit();">Sign Out</a>
<input type="hidden" name="signout" value="signout"/>
</form>

我从这里在stackoverflow找到了一点 。

问题是，如果我包含onclick="" ，则不会显示整个页面。 但是，如果我将其删除，该页面将恢复正常。 -在<li>元素内不起作用。

这听起来可能很基础，但可以帮助我和其他新手了解如何实现这一目标。 非常感谢你。 :)

Answer 1

尝试这个，

步骤1：将以下脚本放入html文件中。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$(function() {
    $('.signout-btn').click(function() {
        $('#signout').submit();
    });
})
</script>

第2步 ：

将属性class="signout-btn"到要触发表单提交的锚标记。