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>

我从here at 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"添加到锚标记，您要触发表单提交。

一个锚点作为提交按钮的值

1 个答案: