使用錨列表提交表單並重定向

Question

我正在嘗試制作一個錨列表，這些錨將提交單擊的值並重定向到另一頁。 形式是：

<form id="searchCategory" action="test.php" method="post">
<div id="categories">
<details>
<summary>Beers</summary>
<a href="test.php" onclick="document.getElementById("title").submit();"> <input id="title" name="title">Lager </input></a>
<a href="#"> Ale</a> //would make as above
<a href="#">Pale Lager </a> // same
</details>
</form>

test.php的頂部是這樣的：

<?php
if (!empty($_POST['submit'])){
include ("connection.php");

$title = (trim($_POST['title'])=="")?
die ("You did not enter any search criteria"):
mysql_real_escape_string($_POST['title']);

錨將我重定向到test.php頁面，但似乎未提交該值。

Answer 1

您可以在此處使用GET提交類別，只需在href之后進行GET query 。 這很容易，制作也很簡單

<ul>
    <li><a href="test.php?cat=lager">Lager</a></li>
    <li><a href="test.php?cat=ale">Ale</a></li>
    <li><a href="test.php?cat=palelager">Pale Lager</a></li>
</ul>


//handle it in test.php page or where you want 

<?php if(isset($_GET['cat'])) { 
    echo $_GET['cat'];// do anyting with cat
}
?>

Answer 2

您的標記無效。 鏈接不能包含輸入，輸入不能包含任何內容。

如果您希望提交單擊的值，則無需鏈接或JavaScript。 只需使用提交按鈕：

<form id="searchCategory" action="test.php" method="post">
    <fieldset>
        <legend>Beers</legend>

        <input type="submit" name="title" value="Lager">
        <input type="submit" name="title" value="Ale">
        <input type="submit" name="title" value="Pale Lager">
    </fieldset>
</form>