JQery sortable Ausgabe der Positionen

[Axel]

Hallo,

versuche mich hier bei Jquery bei den sortable. Möchte zu den Items die Positionen nach Stop in hidden-felder schreiben.

Der JavaScript-Teil sähe so aus:

  
$(document).ready(function(){  
 // Das Element mit der ID sortable wird eine sortierbare Liste  
 $("#sortable").sortable({  
// Wenn in dieser Liste ein sortiervorgang enden, dann :  
  stop: function(event, ui) {  
// schreibe i.d. Wert von #sel1 die Position des Listenelements  
   $('.sel').val(ui.position);  
  }  
 });  
// Was das hier macht weiß ich gerade nicht :-D  
 $("#sortable").disableSelection();  
});  

Der Teil mit den HTML-Teil sähe so aus:

<div class="demo">  
  
<ul id="sortable">  
 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>  
 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>  
 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>  
 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>  
 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>  
 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>  
 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>  
</ul>  
  
</div><!-- End demo -->  
<form name="form_f4a" action="f5.php" method="post">  
<div id="sel1">  
<input class="sel" type="hidden" name="sel1">  
<input class="sel" type="hidden" name="sel2">  
<input class="sel" type="hidden" name="sel3">  
<input class="sel" type="hidden" name="sel4">  
<input class="sel" type="hidden" name="sel5">  
<input class="sel" type="hidden" name="sel6">  
<input class="sel" type="hidden" name="sel7">  
</div>  
</form>