xxxxxxxxxx
1
<div class="container mt-5">
2
<select class="select" multiple>
3
<option value="1">One</option>
4
<option value="2">Two</option>
5
<option value="3">Three</option>
6
<option value="4">Four</option>
7
<option value="5">Five</option>
8
<option value="6">Six</option>
9
<option value="7">Seven</option>
10
<option value="8">Eight</option>
11
</select>
12
<label class="form-label select-label">Example label</label>
13
<button class="btn btn-primary mt-3" id="get-value">
14
console.log value
15
</button>
16
</div>
1
1
xxxxxxxxxx
1
const multiselect = document.querySelector('.select');
2
const btn = document.getElementById('get-value');
3
4
btn.addEventListener('click', () => {
5
const options = multiselect.selectedOptions;
6
const values = Array.from(options).map(({ value }) => value);
7
console.log(values);
8
})
9
Console errors: 0