Question

I’d like to have a simple select input box with a couple options for “items per page”. I’d like to save the new setting (cookie, preferred) and refresh the page on change. I don’t need the items on the page to reset without reloading the page, so I can pick up the cookie with PHP and limit accordingly.

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

Can you point me in the right direction? I’m running PHP on the server and jQuery for javascript.

Answer 1

Something like this should set the cookie to the value of the select box and refresh the page.

You can get the cookie jquery plugin at http://plugins.jquery.com/project/Cookie.

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

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

    window.location.reload();   

});