分页与

Question

我有做分页

<div class="col-md-12"> 
    <nav aria-label="Page navigation"> 
    <ul class="pagination"> 
     <li <?php if ($products->number == 0) echo "class='active'"; ?>> 
     <a <?php if ($products->number != 0): ?> href="index.php?page=0<?php echo(isset($_GET['cid']) ? '&cid=' . $_GET['cid'] : ''); ?>#prdct" <?php endif; ?>>1</a> 
     </li> 

     <?php if ($products->totalPages > 2) { ?> 
     <?php if ($products->number > 3): ?> 
     <li><a href="javascript:void(0)">...</a> 
     </li> 
     <?php endif; ?> 
     <?php for ($i=($products->number == 0 ? 1 : $products->number-1); $i 
     < $products->number+2 && $i 
     < $products->totalPages - 1; $i++) { ?> 
      <li <?php if ($products->number == $i) echo "class='active'"; ?>> 
      <a <?php if ($products->number != $i): ?> href="index.php?page=<?php echo $i . (isset($_GET['cid']) ? '&cid=' . $_GET['cid'] : ''); ?>#prdct" <?php endif; ?>><?php echo($i + 1); ?></a> 
      </li> 
      <?php } ?> 
      <?php if ($products->number 
      < $products->totalPages - 3): ?> 
      <li><a href="javascript:void(0)">...</a> 
      </li> 
      <?php endif; ?> 
      <?php } ?> 

      <?php if ($products->totalPages > 1): ?> 
      <li <?php if ($products->number == $products->totalPages) echo "class='active'"; ?>> 
       <a <?php if ($products->number != $products->totalPages - 1): ?> href="index.php?page=<?php echo ($products->totalPages - 1) . (isset($_GET['cid']) ? '&cid=' . $_GET['cid'] : ''); ?>#prdct" <?php endif; ?>><?php echo $products->totalPages; ?></a> 
      </li> 
      <?php endif; ?> 
    </ul> 
    </nav> 
</div> 

下面的代码，并且需要输入域的页面之间跳转输入领域，目前它看起来像下面的样式

是有可能添加一个输入栏和一个按钮，用于直接跳转到另一页，而不是逐个选择按钮

Answer 1

使用一些JavaScript代码

HTML：

<input type="text" id="pageNo"/> 
<button type="button" id="changePage">Change</button> 

JS：

var input = document.getElementById('pageNo'), 
    button = document.getElementById('changePage'), 
    limit = <?php echo $products->totalPages; ?>; 

button.addEventListener('click', function(){ 
    var page = parseInt(input.value, 10) || 1; 
    location.href = 'index.php?page=' + (page <= limit ? page - 1 : limit - 1) + '<?php echo (isset($_GET['cid']) ? '&cid=' . $_GET['cid'] : ''); ?>#prdct' 
})