如何为用户的"items per page"首选项设置简单的选择表单？

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