JavaScript - jQuery - How to get array values from multiple select

There are various ways to retrieve the selected values from a "<select>" element in jQuery. 

The simplest method involves using the "val()" function, like so:

$('select').val(); 

However, this straightforward approach has its limitations, particularly when it comes to manipulating the selected data. 

If you require more control and flexibility in handling the selected options, you can leverage the power of the map function:

$('select option:selected').map((index, option) => option.value).get();

In this enhanced method, the map function allows you to iterate through the selected options, providing you with greater control over the extraction process. 

The addition of the ":selected" filter in the selector ensures that only the chosen options are considered, enhancing the precision of your selection process. This proves invaluable when dealing with scenarios where you need to perform specific actions or manipulations based on the selected values within the "<select>" element.