select inspection

by larsolesimonsen

HTML

<select id="foo" multiple="multiple">
  <option >Opt1</option>
  <option selected="selected">Opt2</option>
  <option >Opt3</option>
</select>

JavaScript

var select = document.querySelector('#foo');
select.addEventListener('change', function(event) { 
	for(var i = 0; i < select.options.length; i++) {
  	console.log('selected?', select.options[i].innerText, select.options[i].selected)
  }
	console.log('change', event.target.value, select.value, select.selectedIndex); 
});

//$('#foo').onchange = function() { alert('foobar'); }