mirror of
https://github.com/Choices-js/Choices.git
synced 2024-05-23 16:02:21 +02:00
Add multiple select example
This commit is contained in:
parent
e97f3e4649
commit
85fe921471
14
index.html
14
index.html
|
@ -141,6 +141,14 @@
|
||||||
<p id="message"></p>
|
<p id="message"></p>
|
||||||
<select id="choices-multiple-labels" multiple></select>
|
<select id="choices-multiple-labels" multiple></select>
|
||||||
|
|
||||||
|
<label for="choices-multiple-add-items">Add items if they don't exist</label>
|
||||||
|
<select class="form-control" name="choices-multiple-add-items" id="choices-multiple-add-items" placeholder="This is a placeholder" multiple>
|
||||||
|
<option value="React">England</option>
|
||||||
|
<option value="React">Wales</option>
|
||||||
|
<option value="React">Scotland</option>
|
||||||
|
<option value="React">Northern Ireland</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
|
|
||||||
<h2>Single select input</h2>
|
<h2>Single select input</h2>
|
||||||
|
@ -340,6 +348,7 @@
|
||||||
removeItemButton: true,
|
removeItemButton: true,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
<<<<<<< HEAD
|
||||||
/* Use label on event */
|
/* Use label on event */
|
||||||
var choicesSelect = new Choices('#choices-multiple-labels', {
|
var choicesSelect = new Choices('#choices-multiple-labels', {
|
||||||
search: false,
|
search: false,
|
||||||
|
@ -361,6 +370,11 @@
|
||||||
|
|
||||||
choicesSelect.passedElement.addEventListener('removeItem', function(event) {
|
choicesSelect.passedElement.addEventListener('removeItem', function(event) {
|
||||||
document.getElementById('message').innerHTML = 'You just removed "' + event.detail.label + '"';
|
document.getElementById('message').innerHTML = 'You just removed "' + event.detail.label + '"';
|
||||||
|
=======
|
||||||
|
var multipleAddItems = new Choices('#choices-multiple-add-items', {
|
||||||
|
addItems: true,
|
||||||
|
duplicateItems: false,
|
||||||
|
>>>>>>> c348050... Add multiple select example
|
||||||
});
|
});
|
||||||
|
|
||||||
var singleFetch = new Choices('#choices-single-remote-fetch', {
|
var singleFetch = new Choices('#choices-single-remote-fetch', {
|
||||||
|
|
Loading…
Reference in a new issue