Question

I implemented the jQuery UI MultiSelect Widget

It is working perfectly. Is there any way I can show all the selected options in the title separated by the comma, on hover? I do not want to expand the header and show more than 4 selections.

Answer 1

Working Example: http://jsfiddle.net/5KvP3/4/

$("#state")
    .multiselect()
    .bind("multiselectclick multiselectcheckall multiselectuncheckall", function( event, ui ){
        var checkedValues = $.map($(this).multiselect("getChecked"), function( input ){
            return input.title;
        });
        $('button.ui-multiselect').attr('title',checkedValues.join(', '));
    })
    .triggerHandler("multiselectclick")
    .multiselectfilter();