如何为用户的“每页项目”设置一个简单的选择表单？偏爱？

Question

我想要一个简单的选择输入框，其中包含“每页项目”的几个选项。我想保存新设置（cookie，首选）并在更改时刷新页面。我不需要在不重新加载页面的情况下重置页面上的项目，因此我可以使用 PHP 获取 cookie 并进行相应的限制。

<label>Items per page</label>
<select name="itemsPerPage">
  <option value="10">10</option>
  <option value="25">25</option>
  <option value="50">50</option>
  <option value="100">100</option>
</select>

你能指出我正确的方向吗？我在服务器上运行 PHP，并在 javascript 上运行 jQuery。

Answer 1

像这样的事情应该将 cookie 设置为选择框的值并刷新页面。

您可以在 http://plugins.jquery.com/project/Cookie 获取 cookie jquery 插件。

$("select[name=itemsPerPage]").change(function(e) {

    $.cookie("itemsPerPage", $(e.target).val());

    window.location.reload();   

});

Answer 2

在我看来，在 PHP 中处理 cookie 要容易得多，因为我发现 javascript cookie 很痛苦。这就是我要做的：

javascript:

$('select [name="itemsPerPage"]').change(function() {
    window.location="/myPage.php?items=" + $(this).val();
}

PHP:

if(!empty($_GET['items'])) {
    setcookie("itemsPerPage", $_GET['items']);
}

$itemsPerPage = (!empty($_COOKIE['items']) ? $_COOKIE['items'] : 10);