views:

50

answers:

2

What's the event to bind for when a select form is selected?

I have something like this:

<select id='list'>
<option value='1'>Option A</option>
<option value='2'>Option B</option>
<option value='3'>Option C</option>
</select>

When Option B is selected, I want some function to run.

So what do I bind,

$("#list").bind("?", function (){
// How do I check if it's option b that's selected here
//blah blah
});

Thanks.

+1  A: 

the event you are looking for is change. more info about that event is available in the jquery docs here: http://docs.jquery.com/Events/change#fn

Darko Z
Works for just about all inputs ... IE misbehaves on radios I think.
rpflo
yeah IE has a lot of problems with radios and checkboxes - least of all change... i use the click event for those two
Darko Z
+1  A: 

This jQuery snippet will get you started:

$('#list').change(function() {
    if ($(this).val() === '2') {
        // Do something for option "b"
    }
});
Marve
Alright thanks.
Mark
instead of $('option:selected', this).val() you can just use $(this).val()
Darko Z
Thanks for the tip! I updated my answer.
Marve