Detect when a specific <option> is selected with jQuery

javascript jquery events select option
Philip Morton picture Philip Morton · Dec 23, 2009 · Viewed 37.6k times · Source

I'd like jQuery to detect when the option with the id trade_buy_max is selected.

I've tried the following, but it doesn't seem to work.

Any ideas?

Answer

Ryan picture Ryan · Dec 23, 2009

This works... Listen for the change event on the select box to fire and once it does then just pull the id attribute of the selected option.

$("#type").change(function(){
  var id = $(this).find("option:selected").attr("id");

  switch (id){
    case "trade_buy_max":
      // do something here
      break;
  }
});

Related questions

Event binding on dynamically created elements?

I have a bit of code where I am looping through all the select boxes on a page and binding a .hover event to them to do a bit of twiddling with their width on mouse on/off. This happens …

Read More
jQuery Event Keypress: Which key was pressed?

With jQuery, how do I find out which key was pressed when I bind to the keypress event? $('#searchbox input').bind('keypress', function(e) {}); I want to trigger a submit when ENTER is pressed. [Update] Even though I found …

Read More
How do I attach events to dynamic HTML elements with jQuery?

Suppose I have some jQuery code that attaches an event handler to all elements with class .myclass. For example: $(function(){ $(".myclass").click( function() { // do something }); }); And my HTML might be as follows: <a class="myclass" href="#">test1</…

Read More