JQuery - Iterate through SELECT options

Question

Hello,

I have a SELECT element in HTML. This element represents a drop down list. I'm trying to understand how to iterate through the options in the SELECT element via JQuery.

How do I use JQuery to display the value and text of each option in a SELECT element? I just want to display them in an alert() box.

Thank you!

Answer 1

$("#selectId > option").each(function() {
    alert(this.text + ' ' + this.value);
});

• http://api.jquery.com/each/
• http://jsfiddle.net/Rx3AP/