时间戳

首页 > 解决方案 > 基于用户搜索的php查看页面

javascript - 基于用户搜索的php查看页面

问题描述

我想让搜索按钮根据用户输入的数字来查看页面？

在此处输入图像描述

如您在图片中看到的，有First Page Previous Next Last页面的内容来自数据库

代码：

<ul class="pagination">
<?php if($page_no > 1){
echo "<li><a href='?page_no=1'>First Page</a></li>";
} ?>  
   
<li <?php if($page_no <= 1){ echo "class='disabled'"; } ?>>
<a <?php if($page_no > 1){
echo "href='?page_no=$previous_page'";
} ?>>Previous</a>
</li>
    
<li <?php if($page_no >= $total_no_of_pages){
echo "class='disabled'";
} ?>>
<a <?php if($page_no < $total_no_of_pages) {
echo "href='?page_no=$next_page'";
} ?>>Next</a>
</li>
<li>
<input type="text" placeholder="Search.." name="search2" class="box"></li>
<li>
  <button type="submit" class="fa fa-search" style="height:33px;"></button>
</li>

表示如果用户输入数字 5，我想查看第 5 页

标签： javascripthtml

解决方案

我认为如果有人输入任何数字，您想要重定向到该搜索页面。

您可以简单地使用 javascript 来完成这项工作。

您必须将 id 添加到您的输入字段 + 按钮。

我将 id 分配给输入字段作为搜索

我将 id 分配给搜索按钮作为search_btn

你的javascript是这样的 -

const search = document.getElementById('search');
const search_btn = document.getElementById('search_btn');

search_btn.addEventListener("click", ()=> {
    let value = search.value;
    location.href = `?page_no=${value}`;
})

推荐阅读