multiple select element - onchange

Question

I have a select element that allows for multiple selections. I\'d like to display the selected values in another part of the page (in a div or something) as the user makes chang

Answer 1

You can use the :selected Selector of jQuery instead, but I believe that under the hood, jQuery does a loop on the selected = true.

Answer 2

element.addEventListener('click', function(){alert(this.value)})

This is a solution in JS, you can port it over to jQuery pretty easily. The idea is to add a click listener to each option in the selection. This will not work in IE8 and below because of addEventListener, there are ways to get around this though.

I think this is a better approach then having to reiterate over the list. You will have to have a listener attached to each option though.

Answer 3

If you could use jQuery it might be as easy as:

$('select').change(function() {alert($(this).val())})