#177 docs.

index.html

@@ -518,21 +518,40 @@
     $('.multiselect').multiselect({
       buttonText: function(options, select) {
         if (options.length == 0) {
-          return 'None selected <b class="caret"></b>';
-        }
-        else if (options.length > 3) {
-          return options.length + ' selected  <b class="caret"></b>';
+          return this.nonSelectedText + ' <b class="caret"></b>';
         }
         else {
-          var selected = '';
-          options.each(function() {
-            selected += $(this).text() + ', ';
-          });
-          return selected.substr(0, selected.length -2) + ' <b class="caret"></b>';
+          if (options.length > this.numberDisplayed) {
+            return options.length + ' ' + this.nSelectedText + ' <b class="caret"></b>';
+          }
+          else {
+            var selected = '';
+            options.each(function() {
+              var label = ($(this).attr('label') !== undefined) ? $(this).attr('label') : $(this).html();
+
+              selected += label + ', ';
+            });
+            return selected.substr(0, selected.length - 2) + ' <b class="caret"></b>';
+          }
         }
       }
     });
   });
+</script>
+							</pre>
+						</td>
+					</tr>
+                    <tr>
+						<td><code>numberDisplayed</code></td>
+						<td>This option can be used to define the number of displayed option before the text defined in <code>nSelectedText</code> is used. This option may not be available when using a custom <code>buttonText</code> function.</td>
+						<td>
+							<pre class="prettyprint linenums">
+&lt;script type=&quot;text/javascript&quot;&gt;
+  $(document).ready(function() {
+    $(&#39;.multiselect&#39;).multiselect({
+      numberDisplayed: 4
+    });
+  });
 &lt;/script&gt;
 							</pre>
 						</td>