How can I change the selected text when using Multiple Select jQuery plugin

Question

I am using this cool Multiple Select plugin

Please look at "The Position" options. I would need to display either 1 text or 5 of 12 selected.

so If I only select 1 option then display that option if I select more than 1 then just state 2 of 12 are selected.

It seems that the default here is set to 4 and I need to override this.

How can I change the default value?

Here is my code

$(function(){                                           
   $(".multipleSelectMenuMask").multiselect({
   enableFiltering: true,
   enableCaseInsensitiveFiltering: true,
   selectedClass: null,
   nonSelectedText: "Select an option",
   includeSelectAllOption: true,
   buttonWidth: "100%",
   maxHeight: 250
   });
});

I just updated my question with the code – Jaylen Nov 10 '14 at 22:12 — Jaylen, Nov 10 '14 at 22:12

score 2 · Accepted Answer · answered Nov 24 '14 at 17:59

2

I figured out the problem.

I am using bootstrap-multiselect not Multiple Select plugin

the option is

numberDisplayed

answered Nov 24 '14 at 17:59

Jaylen

39,043
40
128
221

Alexandru Sirbu · Answer 2 · 2018-02-14T11:54:53.947

1

use Bootstrap multiselect here

$(".example-class-multiselect").multiselect({
    nonSelectedText: "Select an option",
    allSelectedText: "Selected all",
    nSelectedText  : "Selected",
    //...
});

edited Feb 14 '18 at 11:54

answered Feb 14 '18 at 11:43

Alexandru Sirbu

179
1
10

score 0 · Answer 3 · answered Nov 10 '14 at 21:56

0

Take a look at constructor http://wenzhixin.net.cn/p/multiple-select/docs/#constructor

minimumCountSelected

Type: int

countSelected will be shown only if more than X items where selected.

By default this option is set to 3.

answered Nov 10 '14 at 21:56

Ragnar

4,393
1
27
40

That did not work. it did not change anything. I also tried countSelected – Jaylen Nov 10 '14 at 22:02
Did you try something like this `$("select").multipleSelect({ minimumCountSelected: 1, multiple: true });` – Ragnar Nov 10 '14 at 22:11
countSelected is a template for minimumCountSelected, I don't know why it doesn't works! – Ragnar Nov 10 '14 at 22:21

score 0 · Answer 4 · answered Dec 03 '14 at 18:28

Bower get not last version of plugin. Check your sources:

Line 245: } else if (selects.length > this.options.minumimCountSelected && this.options.countSelected) {

and

Line 443: minumimCountSelected: 3,

minUmIm

Now you can change option name to minumimCountSelected and temporary fix it in version 1.1.0.

How can I change the selected text when using Multiple Select jQuery plugin

4 Answers4