Skip to content

Commit f822020

Browse files
committed
Added example
People have asked about getting the multiple selection container to show for a single selection. This is a basic example that shows that it could easily be done now.
1 parent 14d3d99 commit f822020

1 file changed

Lines changed: 62 additions & 1 deletion

File tree

playground/basic/basic.html

Lines changed: 62 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,10 @@
6363
<option value="VT">Vermont</option>
6464
<option value="VA">Virginia</option>
6565
<option value="WV">West Virginia</option>
66-
</select><br/>
66+
</select>
67+
68+
<br/>
69+
6770
<select style="width:300px" id="multiple" multiple="multiple">
6871
<option value="AK">Alaska</option>
6972
<option value="HI">Hawaii</option>
@@ -117,10 +120,68 @@
117120
<option value="WV">West Virginia</option>
118121
</select>
119122

123+
<br />
124+
125+
<select style="width:300px" id="single-multiple">
126+
<option value="AK">Alaska</option>
127+
<option value="HI">Hawaii</option>
128+
<option value="CA">California</option>
129+
<option value="NV">Nevada</option>
130+
<option value="OR">Oregon</option>
131+
<option value="WA">Washington</option>
132+
<option value="AZ">Arizona</option>
133+
<option value="CO">Colorado</option>
134+
<option value="ID">Idaho</option>
135+
<option value="MT">Montana</option>
136+
<option value="NE">Nebraska</option>
137+
<option value="NM">New Mexico</option>
138+
<option value="ND">North Dakota</option>
139+
<option value="UT">Utah</option>
140+
<option value="WY">Wyoming</option>
141+
<option value="AL">Alabama</option>
142+
<option value="AR">Arkansas</option>
143+
<option value="IL">Illinois</option>
144+
<option value="IA">Iowa</option>
145+
<option value="KS">Kansas</option>
146+
<option value="KY">Kentucky</option>
147+
<option value="LA">Louisiana</option>
148+
<option value="MN">Minnesota</option>
149+
<option value="MS">Mississippi</option>
150+
<option value="MO">Missouri</option>
151+
<option value="OK">Oklahoma</option>
152+
<option value="SD">South Dakota</option>
153+
<option value="TX">Texas</option>
154+
<option value="TN">Tennessee</option>
155+
<option value="WI">Wisconsin</option>
156+
<option value="CT">Connecticut</option>
157+
<option value="DE">Delaware</option>
158+
<option value="FL">Florida</option>
159+
<option value="GA">Georgia</option>
160+
<option value="IN">Indiana</option>
161+
<option value="ME">Maine</option>
162+
<option value="MD">Maryland</option>
163+
<option value="MA">Massachusetts</option>
164+
<option value="MI">Michigan</option>
165+
<option value="NH">New Hampshire</option>
166+
<option value="NJ">New Jersey</option>
167+
<option value="NY">New York</option>
168+
<option value="NC">North Carolina</option>
169+
<option value="OH">Ohio</option>
170+
<option value="PA">Pennsylvania</option>
171+
<option value="RI">Rhode Island</option>
172+
<option value="SC">South Carolina</option>
173+
<option value="VT">Vermont</option>
174+
<option value="VA">Virginia</option>
175+
<option value="WV">West Virginia</option>
176+
</select>
177+
120178
<script>
121179
require(["select2/core"], function (Select2) {
122180
var single = new Select2($("#single"));
123181
var multiple = new Select2($("#multiple"));
182+
var singleMultiple = new Select2($("#single-multiple"), {
183+
multiple: true
184+
})
124185
});
125186
</script>
126187

0 commit comments

Comments
 (0)