Jquery selecting one out off multiple classes

Question

I have a drop down list in which option elements have multiple classes. These classes are dynamically generated and assigned so I don't want to hard code.

  <select class="currency_switcher">
    <option value="#" class="reset default active" data-currencycode="USD">USD</option>
    <option value="#" class="" data-currencycode="EUR">EUR</option>
  </select>

Basically I want to check if whether the selected option has active class. As you can see active is one out of many possible classes assigned to the option. I am doing this on change event:

if($('select.currency_switcher option:selected').attr('class')=="active")
    {
    alert("Hello");
    } 

But this returns false even when the current option has active class. So how do I solve this?

Ahmar

Answer 1

Check for active class, using hasClass:

if ($(this).children('option:selected').hasClass('active')) {
    alert("Hello");
}