jqueryHow do I use jQuery Select2 to select multiple options?
To use jQuery Select2 to select multiple options, you need to use the multiple
attribute in the select
tag. The multiple
attribute allows the user to select more than one option from the dropdown list.
For example:
<select id="example" multiple="multiple">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
</select>
Then, you need to initialize the Select2 plugin by using the following code:
$('#example').select2({
placeholder: 'Select an option',
multiple: true // allows multiple selection
});
After that, you can select multiple options by pressing the Ctrl
key and clicking on the desired options.
The parts of the code are:
select
tag withmultiple
attribute - defines the select box and allows multiple selectionselect2
initialization - initializes the Select2 pluginCtrl
key - allows multiple selection
Helpful links
More of Jquery
- How can I use JQuery with Yii2?
- How can I use jQuery to check if an element is visible?
- Break each() function loop
- How do I use jQuery to change the z-index of an element?
- How do I use jQuery with Yarn?
- How can I convert XML data to JSON using jQuery?
- How do I use a jQuery xpath selector?
- How do I use jQuery UI Sortable to arrange elements on a webpage?
- How do I use a jQuery UI Slider?
- How do I use jQuery's noconflict mode?
See more codes...