Demo of Selectable options name value JQuery

Item 1
Item 2
Item 3
Item 4
Item 5

Press and hold Ctrl key for multiple selection

Jquery

$(document).ready(function() {
//////////////////////////
$( '#my_selectable' ).selectable();
/////////
$('#b1').click(function(){
var str;
var option_obj = $( "#my_selectable" ).selectable( "option" );
for (var key in option_obj) {
 if (option_obj.hasOwnProperty(key)) {
   console.log(key + " -> " + option_obj[key]);
   str = str + key + " -> " + option_obj[key] + "<br>";
}
}
$('#d1').html("<pre><code>"+str+"</code></pre>");
})
///
})

HTML


<ul id="my_selectable">
  <li id=i1>Item 1</li>
  <li id=i2>Item 2</li>
  <li id=i3>Item 3</li>
  <li id=i4>Item 4</li>
  <li id=i5>Item 5</li>
</ul>


<button type='button' class='btn btn-danger'  value='disable' id='b1'>Show Options</button>
<div id=d1></div>