如何在單擊按鈕時將重點放在另一個html或php頁面中的特定部分？

Question

我想使用搜索選項在另一頁中查找內容。

我的HTML頁面：

<form action="search.php" method="post">
<input name="search" type="text"/> 

<input type="image" src="images/search-btn.jpg" alt="search-btn" /> 
</form>

我在另一個頁面中有5個主題，例如“ products.html”。 主題標題為電影，音樂等。因此，如果鍵入每個主題中的標題或某些預定義關鍵字之類的關鍵字，然后單擊搜索按鈕，我想重定向到products.php頁面。

最主要的是我想專注於特定主題

現在，我只是像這樣重定向：

   <?php
    $val=$_POST['search'];

    if($val=='Music'||$val=='singer')
    {
        header('Location:http://localhost/products.html');
    }

?>

Answer 1

page1.html

<a name='music'></a><!-- This is anchor -->

<a href='#music'>Go to music on same page</a>

page2.html

<a href='page1.html#music'>Go to music on another page</a>

服務器端：

<?php
    if($val=='Music'||$val=='singer'){
       header("Location:http://localhost/products#$val.html");
    }
?>

您可以根據需要設置關鍵字錨點的樣式：

<a name='music'><b>music<b></a>

<span id='music'>music</span>

Answer 2

在您的表單中，張貼到可以處理結果的頁面上，將其保存，然后將用戶推送出去。

<form action="process.php" method="post" name="search">

此響應頁面將重定向到類似

header("Location: /products.html#music");

取決於表單的填寫方式。

然后在您的產品頁面上添加與此相關的ID，例如：

<h2 id="music">Music</h2>

用戶將被重定向，瀏覽器將跳轉到相應的錨點或ID。

Answer 3

您也可以通過使用隱藏字段來嘗試這項技術，但是對於第一頁，JavaScript可以解決此問題

<input name="target" type="hidden" value=""/> 
<input name="search" type="text" onkeyup="your-function-to-set-value-on-hidden-field"/> 

如果鍵入的關鍵字與您的列表匹配，則設置該值，然后在第二頁上接收PHP變量中的隱藏字段值並執行操作。