文章/答案/技术大牛

发布

问带输入字段的分页
EN

Stack Overflow用户

提问于 2017-01-03 04:47:32

回答 1查看 2.3K关注 0票数 1

我有以下分页代码

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

并且需要一个输入字段在页面之间跳转，目前它将类似于下面的样式

是否可以添加一个输入字段和一个按钮直接跳转到另一个页面，而不是一个一个地选择按钮？

pagination

php

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-03 05:04:20

为此使用一些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'
})

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41436584

复制

相似问题

问带输入字段的分页
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带输入字段的分页EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带输入字段的分页
EN