PHP 實現下拉框動態控制每頁顯示條數完整教程

需求場景

在 Web 開發中，讓用戶通過下拉選單自定義分頁每頁顯示記錄數，是提升體驗的常見功能。許多 PHP 新手嘗試用 AJAX 將下拉框值傳給控制器，卻苦於無法落地實現。

核心實現邏輯

1. 前端交互：<select> 元素綁定 change 事件，獲取選中的 pageSize 值。
2. 參數傳遞：將 pageSize 連同當前頁碼 pageNum 一起，通過 URL 參數（GET）或 Form 提交（POST）送達後端。
3. 後端處理：控制器接收參數，驗證合法性（如限制範圍 10-100），隨後傳遞給分頁查詢邏輯（LIMIT offset, pageSize）。
4. 狀態保持：將用戶選擇的 pageSize 存入 Session 或 Cookie，實現跨頁面、跨會話記憶。

關鍵代碼片段

<!-- 前端下拉框 -->
<select id="pageSizeSelect" onchange="changePageSize(this.value)">
  <option value="10">10 條/頁</option>
  <option value="20" selected>20 條/頁</option>
  <option value="50">50 條/頁</option>
</select>

<script>
function changePageSize(size) {
  // 刷新頁面並攜帶參數
  window.location.href = '?page=1&pageSize=' + size;
}
</script>

進階優化建議

• 若項目使用前後端分離架構，改用 AJAX 請求並局部刷新列表區塊，體驗更流暢。
• 後端建議封裝通用分頁類/函數，統一處理參數驗證、默認值、SQL 拼接，減少重複代碼。

掌握「參數傳遞 → 後端驗證 → 查詢執行 → 狀態保持」這條主線，下拉框控制分頁條數即可輕鬆實現。