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

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

如图所示，第一页上一页下一页最后一页的内容来自数据库

代码：

<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>

我想如果有人输入任何你想重定向到搜索页面的号码，你会想要的

您只需使用javascript即可完成此工作。

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

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

我正在将id分配给搜索按钮，作为搜索\u 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}`;
})

我想你希望如果有人输入任何你想重定向到那个页面的号码。我说得对吗？是的，确切地说，我应该写些什么？你用什么方法来实现分页？您是否在x和y之间使用
限制x，y
或
id
？有了这么多的
页面
后一种方法，afaiki使用的性能会更好。这不是php或mysql的问题。