jquery - Iterate through <select> options

Question

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.

Answer 1

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

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