Php 使用输入字段分页
我有以下分页代码Php 使用输入字段分页,php,html,pagination,Php,Html,Pagination,我有以下分页代码 <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
<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>
为此使用一些JavaScript
HTML:
<input type="text" id="pageNo"/>
<button type="button" id="changePage">Change</button>
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'
})
改变
JS:
<input type="text" id="pageNo"/>
<button type="button" id="changePage">Change</button>
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'
})
var input=document.getElementById('pageNo'),
button=document.getElementById('changePage'),
极限=;
addEventListener('click',function(){
var page=parseInt(input.value,10)| 1;
location.href='index.php?page='+(页面使用下拉字段我的分页页码也显示在地址栏上。我只需使用任何页码i重命名?page=2want@PranavCBalan需要带有输入字段的按钮输入数字时显示默认页面,然后单击更改按钮