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 can I use JQuery with Yii2?
- How do I use jQuery to detect window resize events?
- How can I use jQuery to check if an element is visible?
- How can I prevent jQuery XSS vulnerabilities?
- How can I use jQuery to select elements with an XPath expression?
- How do I uncheck a checkbox using jQuery?
- How can I convert jQuery code to vanilla JavaScript?
- How can I use jQuery in WordPress?
- How do I use jQuery to execute code when the window has finished loading?
See more codes...