Can anyone help me with jquery ui selectable please?
My html is:
<input style="" id="input_4" name="input_4" value="" />
<ol id="selectable">
<li class="ui-widget-content">Reservations </li>
<li class="ui-widget-content">Information and Enquiries</li>
<li class="ui-widget-content">Mambo Tours & Events</li>
<li class="ui-widget-content">Press, Marketing & PR</li>
<li class="ui-widget-content">Business Development & Franchise</li>
<li class="ui-widget-content">Mambo TV & Livestreaming</li>
<li class="ui-widget-content">Mambo Studio</li>
<li class="ui-widget-content">VIP Services</li>
<li class="ui-widget-content">Merchandise</li>
<li class="ui-widget-content">Wedding Planning</li>
<li class="ui-widget-content">Club Tickets</li>
</ol>
and my jquery is:
$(function() {
$("#selectable").selectable(selected: function(event, ui) {
var text = $(this).text();
$("#input_4").val(text);
});
});
I want whatever is selected to update the input text field which I want to hide and store the value in.
Anyone please? It's driving me insane with the lack of documentation on jquery ui selectable.
Cheers,
Kevin