1

这似乎是一个重复的问题，但我已经用谷歌搜索并搜索了 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>- 它在元素内部不起作用。

这听起来可能很基础，但它会帮助我和其他新手了解如何使它成为可能。非常感谢。:)

4

1 回答 1

0

尝试这个，

第 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"到要触发表单提交的锚标记。

于 2013-05-28T15:58:36.820 回答