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 cookies很痛苦。我就是这样做的：

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

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

2 个答案: