how to iterate through multiple select options with jquery

Question

I was just wondering if it's possible to go through multiple select options and get their values and text(if one is selected get the value and text, if 2 is selected get both of their values and text and so on)

I have 15 select boxes in one page?

any help would be appreciated.

 <form>         <select class="select" name="select3" id="select3">           <option value="0">0</option>           <option value="1.99">1</option>           <option value="1.99">2</option>           <option value="1.99">3</option>           <option value="1.99">4</option>           <option value="1.99">5</option>           <option value="1.99">6</option>           <option value="1.99">7</option>           <option value="1.99">8</option>         </select>         </form>    <form>        <select  class="select" name="select" id="select">             <option value="0">0</option>             <option value="1.99">1</option>             <option value="1.99">2</option>             <option value="1.99">3</option>             <option value="1.99">4</option>             <option value="1.99">5</option>             <option value="1.99">6</option>             <option value="1.99">7</option>             <option value="1.99">8</option>           </select>    </form> 

all the select options have the same class.

thanks

Answer 1

This will alert all the selected options' text and values (for all selects on the page):

$('select > option:selected').each(function() {     alert($(this).text() + ' ' + $(this).val()); }); 

See Core/each and Selectors/selected:

http://docs.jquery.com/Core/each

http://docs.jquery.com/Selectors/selected

Answer 2

for optgroups...

$("select[id^='desu']").children('optgroup').children('option:selected').each(      function(id, element) {         document.write(element.title);     } );