Skip to content

B
bootstrap-multiselect
Commit c4f9d619 authored by aqwsez's avatar aqwsez
Browse files
Options

Update index.html

parent f113f9a9
Hide whitespace changes
Inline Side-by-side
Showing with 81 additions and 1 deletion
index.html
View file @ c4f9d619
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Multiselect</title>
......@@ -15,6 +15,7 @@
<link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css">
<script type="text/javascript" src="dist/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="dist/js/collapsibleOptGroups.js"></script>
<script type="text/javascript">
$(document).ready(function() {
......@@ -2124,6 +2125,85 @@
&lt;option value="m"&gt;Option 13&lt;/option&gt;
&lt;option value="n"&gt;Option 14&lt;/option&gt;
&lt;/select&gt;
</pre>
</div>
</td>
</tr>
<tr>
<td>
<code>enableCollapsibleOptGroups</code>
</td>
<td>
<p>
Make your groups collapsible.
</p>
<div class="example">
<script type="text/javascript">
$(document).ready(function() {
$('#example-enableCollapsibleOptGroups').multiselect({
enableCollapsibleOptGroups: true
});
});
</script>
<select id="example-enableCollapsibleOptGroups" multiple="multiple">
<optgroup label="Group1">
<option value="1a">Option 1</option>
<option value="1b">Option 2</option>
<option value="1c">Option 3</option>
<option value="1d">Option 4</option>
<option value="1e">Option 5</option>
</optgroup>
<optgroup label="Group2">
<option value="2a">Option 1</option>
<option value="2b">Option 2</option>
<option value="2c">Option 3</option>
<option value="2d">Option 4</option>
<option value="2e">Option 5</option>
</optgroup>
<optgroup label="Group3">
<option value="3a">Option 1</option>
<option value="3b">Option 2</option>
<option value="3c">Option 3</option>
<option value="3d">Option 4</option>
<option value="3e">Option 5</option>
</optgroup>
</select>
</div>
<div class="highlight">
<pre class="prettyprint linenums">
&lt;script type="text/javascript"&gt;
$(document).ready(function() {
$('#example-enableCollapsibleOptGroups').multiselect({
enableCollapsibleOptGroups: true
});
});
&lt;/script&gt;
&lt;select id="example-enableCollapsibleOptGroups" multiple="multiple"&gt;
&lt;optgroup label="Group1"&gt;
&lt;option value="1a"&gt;Option 1&lt;/option&gt;
&lt;option value="1b"&gt;Option 2&lt;/option&gt;
&lt;option value="1c"&gt;Option 3&lt;/option&gt;
&lt;option value="1d"&gt;Option 4&lt;/option&gt;
&lt;option value="1e"&gt;Option 5&lt;/option&gt;
&lt;/optgroup&gt;
&lt;optgroup label="Group2"&gt;
&lt;option value="2a"&gt;Option 1&lt;/option&gt;
&lt;option value="2b"&gt;Option 2&lt;/option&gt;
&lt;option value="2c"&gt;Option 3&lt;/option&gt;
&lt;option value="2d"&gt;Option 4&lt;/option&gt;
&lt;option value="2e"&gt;Option 5&lt;/option&gt;
&lt;/optgroup&gt;
&lt;optgroup label="Group3"&gt;
&lt;option value="3a"&gt;Option 1&lt;/option&gt;
&lt;option value="3b"&gt;Option 2&lt;/option&gt;
&lt;option value="3c"&gt;Option 3&lt;/option&gt;
&lt;option value="3d"&gt;Option 4&lt;/option&gt;
&lt;option value="3e"&gt;Option 5&lt;/option&gt;
&lt;/optgroup&gt;
&lt;/select&gt;
</pre>
</div>
</td>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment