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 do I use jQuery ZTree to create a hierarchical tree structure?
- How do I use jQuery to detect window resize events?
- How can I convert jQuery code to vanilla JavaScript?
- How can I use JQuery with Yii2?
- How do I use jQuery UI draggable?
- How do I use jQuery's noconflict mode?
- How do I use jQuery to set styles for an element?
- How do I use jQuery to manipulate an input field?
- How do I use jQuery to add a click event to an element?
See more codes...