Sometimes, we want to get all selected values from a multiple select with JavaScript.
In this article, we’ll look at how to get all selected values from a multiple select with JavaScript.
How to get all selected values from a multiple select with JavaScript?
To get all selected values from a multiple select with JavaScript, we use querySelector.
For instance, we write
const selected = document.querySelectorAll("#select-meal-type option:checked");
const values = Array.from(selected).map((el) => el.value);
to select all the selected options from the select element with ID select-meal by calling querySelector with "#select-meal-type option:checked".
Then we convert selected to an array with Array.from and then call map with a callback that returns the selected value from each element.
Conclusion
To get all selected values from a multiple select with JavaScript, we use querySelector.
