how do you read the values of ALL items in a listbox using jquery

Question

I have a listbox, and I want to read all of the items in a listbox using jquery. I also would like to be able to identify for each item if it is selected or not. What is the simplest way of doing this?

Answer 1

$('.myListBox option').each(function(index) {
  if ( ($(this).is(':selected')) {
    // do stuff if selected
  }
  else {
   // this one isn't selected, do other stuff
  }
});

Answer 2

Without any other information on how you want the output formatted:

$('#selectId').find('option').map(function() {
    return $(this).val() + ':' + $(this).is(':selected');
});

See example →