Selectable Jquery and php - php

Question

I'm looking for a way to send the selected items to a selectable of Jquery to a php page
<script>
$(function() {
$( "#selectable" ).selectable({
stop: function() {
var result = $( "#select-result" ).empty();
$( ".ui-selected", this ).each(function() {
var index = $( "#selectable li" ).index( this );
result.append( " #" + ( index + 1 ) );
});
}
});
});
$(function() {
$("#foo").submit(function(event){
$.post('batch.php?page=rinomina', {selectable: $('#select-result').html()});
});
});
</script>
<script>
$(function() {
$( ".direct" )
.button()
.click(function( event ) {
});
});
</script>
<form id="foo" action="" method="post">
submit
but it is wrong and do not understand where I'm wrong!

Answer 1

Not quite sure I fully understand. What it appears you want is the index number of each selected list item to send as a parameter to a php method? You could go about this in many ways. The easiest I can think of with what you have would be to get the indexes of the selected, then use jQuery's param method to make them URL friendly and add to your post url. For example:
Example
$(function() {
$("#selectable").selectable();
$("#foo").submit(function(e) {
e.preventDefault();
var ids = new Array();
$("#selectable .ui-selected").each(function(i) { ids[i] = "# " + ($(this).index()+1); });
// get values as URL parameters for passing to PHP
var paramSelectable = $.param({ selectable: ids });
// easiest implementation with what you have
$.post('batch.php?page=rinomina&'+paramSelectable);
});
})