Jquery JavaScript DHTML





  jQuery UI Selectable - Serialize
  
  
  
  
  
  
  
  #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; }
  
  
  $(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));
        });
      }
    });
  });
  




You've selected: none.



  Item 1
  Item 2
  Item 3
  Item 4
  Item 5
  Item 6



Write a function that fires on the stop event to collect the index values of selected items.  Present values as feedback, or pass as a data string.