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

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