jQuery event when select option

JavascriptJquery

Javascript Problem Overview

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
});

Javascript Solutions

Solution 1 - Javascript

This jQuery snippet will get you started:

$('#list').change(function() {
    if ($(this).val() === '2') {
        // Do something for option "b"
    }
});

Solution 2 - Javascript

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

Solution 3 - Javascript

Although few years late, this actually works also if one select already selected option.

jQuery('#list').on('click', 'option', function () {
    if (jQuery(this).val() === '2') {
        // Do something for option "b"
    }
});

Solution 4 - Javascript

Maybe select() is a more accurated solution:

$('#list').select(function() {
    if ($(this).val() === '2') {
        // Do something for option "b"
    }
});
Categories
Recommended Javascript Solutions
Recommended Jquery Solutions

Previous Solution:

In Objective C, can you check if an object has a particular property or message?

Objective C

Next Solution:

Get WordPress Post ID from Post title

PhpWordpress

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionMarkView Question on Stackoverflow
Solution 1 - JavascriptdcharlesView Answer on Stackoverflow
Solution 2 - JavascriptDarko ZView Answer on Stackoverflow
Solution 3 - JavascriptqraqatitView Answer on Stackoverflow
Solution 4 - JavascriptlluismaView Answer on Stackoverflow