提问者:小点点

基于用户搜索的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>

意思是如果用户把数字5我想要查看页面5


共1个答案

匿名用户

我认为你想要,如果任何人输入任何数字,你想要重定向到那个搜索页面。

您可以简单地使用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}`;
})