Working with Checkboxes, Radio Buttons, and Dropdowns

What feature of select elements does this code handle?

select.addEventListener('change', function(e) {
  const options = Array.from(e.target.selectedOptions);
  const values = options.map(opt => opt.value);
});

Single option selection
Multiple option selection
This code handles multiple selections in a <select multiple> element. Key aspects: 1) selectedOptions property returns a live HTMLCollection of selected options, 2) Array.from converts the collection for array method use, 3) map extracts just the values, though you could extract other properties, 4) Works with both mouse and keyboard (Ctrl/Cmd+Click) selections. This pattern is more reliable than checking the selected property on each option, especially when dealing with dynamic user interactions.
Option filtering
Option validation

Next Question (8/22)