Sunday, May 13, 2012

JQuery - Iterate through SELECT options


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!


Source: Tips4all

2 comments:

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



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

    ReplyDelete
  2. This worked for me

    $(function() {
    $("#select option").each(function(i){
    alert($(this).text() + " : " + $(this).val());
    });
    });

    ReplyDelete