Comments on: jQuery UI MultiSelect Widget

By: Anonymous

Anonymous — Wed, 04 Jan 2012 16:01:00 +0000

Hi Eric,

allthough i’m a total novice to jQuery i like your widget very much.
Could you please, give me a clue how to get the text of all selected options at the close-event?
My intention is to show a summary of selected options from a set of 5 multiselect-boxes.

I tried douzend of approaches in the way i use with php or C++ but jQuery is very hard for me.

Thanks and regards
Feinstbein

By: Alexk45

Alexk45 — Sat, 31 Dec 2011 04:43:00 +0000

Unless the widget author has a specific way, I suggest you remove it from the html multiselect element first, then call the widget’s refresh method.

Using your example, it would be:

$(“#removeBtn”).click(function(){
      $( “select option:selected” ).remove();
      el.multiselect(‘refresh’);
      alert(“Completed”);
});

By: Alexk45

Alexk45 — Sat, 31 Dec 2011 04:36:00 +0000

Is there a way to permanently keep the multiselect displayed and open? When autoOpen is used, it still collapses if anywhere outside the multiselect is clicked.
I tried using the close event to force it to open again, but that caused problems with other links on the page.

Here is the code I used:

$( “…” ).bind(“multiselectclose”, function(event, ui){
$( “…” ).multiselect( “open” );
});

By: Anonymous

Anonymous — Mon, 26 Dec 2011 08:51:00 +0000

HI This is very good plug in .. Can you please tell me how can i remove a selected element from this widget.

$(“#removeBtn”).click(function(){
   var el = $(“select”).multiselect(“getChecked”);
   alert(el);
   el.removeAttr(‘selected’);
   el.multiselect(‘refresh’);
   alert(“Completed”);
   });
I am using this code removeBtn is my button . i need to make a code when removebutton is clicked the selected option will be removed.. but this is not working..

Please provide me solution.
Thanks in Adv.
Dhrumil Shah

By: Monirak Ngy

Monirak Ngy — Thu, 22 Dec 2011 22:04:00 +0000

Greetings. Great work on this control btw. Here is the scenario of the issue I am encountering: I enter text in the filter input field. I see a match. But when I try to use the down-arrow (to scroll through the dropdown list) on the keyboard immediately after typing, it doesn’t scroll though the list. It seems as if the focus is lost for the list when entering text in the filter box.

This is prob not an issue, but would be great to find out a way to enter text, then use the arrows to scroll through the list, without using the mouse. Would you w=ahppen to know if there is a way to implement this?

All The Best!

By: Carlos oliveira

Carlos oliveira — Thu, 22 Dec 2011 16:01:00 +0000

HI, great work.
I have a problem using the MultiSelect widget with multiple = false.I define the text of ‘noneSelectedText’ but does not appear in the selectitems.I appreciate all the help

thanks

By: mark hardy

mark hardy — Fri, 16 Dec 2011 16:41:00 +0000

I’ve just exactly that quite easily. the list of options comes from one SQL query, the pre-selected options comes from another. the pre-selected SQL results I dropped in to a var as a comma separated string called $comma_separated. the list of options is a SQL recordset called rsApprovers and I’m using the email column the menu code looks like:

hope you can make sense/use of that

By: mark hardy

mark hardy — Thu, 15 Dec 2011 14:11:00 +0000

Fantastic tool…. trying to do something a bit different with it and struggling. I’m generating my menu dynamically from a mySQL recordset. that works cool, so the menu is populated from whatever SQL returns. but. I want to have some of the check boxes already ticked when the menu pops up. so, for exampl, SQL might give me a list of emaila ddress, and I get a check box for each one as you’d expect, I also have floating around a string containing a comma separated list of email addresses ie, ‘tom@here.com, dick@nowhere:disqus there.com etc etc’
I’d like that the check boxes for the people in the string are already checked when the menu pops up

By: Chaya Cooper

Chaya Cooper — Thu, 15 Dec 2011 07:58:00 +0000

Great widget, and I found it easier to customize than most.

The one problem I’m having is integrating it into a page where most of my dropdowns aren’t multiple selects.

Since the design is somewhat different than the standard html dropdowns or jquery plugins, I would need to switch all my dropdowns to this, however if I assign multiple: false as the default to all the dropdowns – either as part of ech.multiselect or by typing
$(“select”).multiselect({multiple: False}); , I can’t seem to override it for the dropdown which requires the multi-select function.

What would be the easiest way to do this?

By: Chaya Cooper

Chaya Cooper — Thu, 15 Dec 2011 07:58:00 +0000

Great widget, and I found it easier to customize than most.

The one problem I’m having is integrating it into a page where most of my dropdowns aren’t multiple selects.

What would be the easiest way to do this?