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
« Tutorial Selectable
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>