Gracias por responder fjrueda. Te comento que el método GET (con los datos de números) no es una opción en este caso particular. En cuanto al POST, obligatorio que sea un enlace quien envíe y no un botón.
A estas altura me rindo. No consigo mandar los endemoniados valores luego del refrescamiento. Solucioné esta parte efectuando un append que trae los datos desde la url "siguiente" con una paginación tipo Twitter. Dejo el archivo de prueba:
Código PHP:
<?php
$cabecera ='<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Prueba Selectable</title>
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
<script src="../../jquery-1.7.2.js"></script>
<script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.mouse.js"></script>
<script src="../../ui/jquery.ui.selectable.js"></script>
<link rel="stylesheet" href="../demos.css">
<style>
#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
</style>
<script type="text/javascript">
jQuery(document).ready(function($) {
//<![CDATA[
$( "#selectable" ).selectable({
stop: function() {
$( "#valores" ).val("");
$( ".ui-selected", this ).each(function() {
var splid = $(this).attr("id").split("-");
$("#valores").val($("#valores").val() + splid[1] + ",");
});
}
});
$("#siguiente").click(function(e) {
e.preventDefault();
$.get("?t=siguiente", function(r) {
$("#selectable").append(r);
});
});
});
//]]>
</script>
</head>
<body>
<div class="demo">
<p id="feedback">
<form method="post" action="">
<input type="text" name="valores" id="valores" value="" />
</form>
</p>
<ol id="selectable">';
$pie = '
</ol>
<a id="siguiente" href="#">Enlace</a>
</div>
</body>
</html>';
$contenido ='
<li id="i-28">ID 28</li>
<li id="i-27">ID 27</li>
<li id="i-26">ID 26</li>
<li id="i-25">ID 25</li>
<li id="i-24">ID 24</li>
<li id="i-21">ID 21</li>
<li id="i-20">ID 20</li>
<li id="i-19">ID 19</li>
<li id="i-13">ID 13</li>
<li id="i-12">ID 12</li>';
$contenido2 ='
<li id="i-08">ID 281</li>
<li id="i-07">ID 271</li>
<li id="i-06">ID 261</li>
<li id="i-05">ID 251</li>
<li id="i-04">ID 241</li>
<li id="i-01">ID 211</li>
<li id="i-00">ID 201</li>
<li id="i-59">ID 191</li>
<li id="i-53">ID 131</li>
<li id="i-52">ID 121</li>';
$html = isset($_GET['t']) ? ($_GET['t'] == 'siguiente' ? $contenido2 : null) : $cabecera . $contenido . $pie;
echo $html;
?>
Pensándolo bien, esta nueva opción hasta resulta mejor que la primera, ya que es más cómoda y usable para el usuario que la mera paginación.