Problem using jQuery change function on a select element

Question

I am using a simple select element. On selecting a option in the select menu, I want to use jQuery's post method to update the div.

<select class="article">
    <option value="title1">title1</option>
    <option value="title2">title2</option>
    <option value="title3">title3</option>
</select>

I want to bind the change event to the select element.

$(document).ready(function() {
    $(".article").change(function() {
        var src = $(this).val();
        alert(src);
    });
});

This does not work. I don't see the alert box on changing the select box.

I appreciate any help.

What browser? Have you checked for errors in Firebug or the error console (if you're using Firefox)? — Cfreak, Aug 24 '11 at 14:39
Are you sure? It works for me: http://jsfiddle.net/pimvdb/pnvxw/. — pimvdb, Aug 24 '11 at 14:39
Make sure there are *NO* js errors on the page (*due to other scripts*) — Ish, Aug 24 '11 at 14:41
This works for me as well. I think Ish is right to suspect other scripts being at fault. — Maxx, Aug 24 '11 at 16:17

score 0 · Accepted Answer · answered Aug 24 '11 at 14:39

0

It does work fine

Working demo

answered Aug 24 '11 at 14:39

ShankarSangoli

69,612
13
93
124

score 0 · Answer 2 · edited Aug 24 '11 at 15:05

0

This should work fine, have you included jQuery files. Please check that jQuery is included properly.

$(document).ready(function() {
    alert('hello');
});

This should give an alert, in case this does not, then jQuery is not working properly.

edited Aug 24 '11 at 15:05

pimvdb

151,816
78
307
352

answered Aug 24 '11 at 14:48

sesmic

928
4
15
32

score -1 · Answer 3 · edited May 23 '17 at 11:55

-1

$('select.foo option:selected').val();    // get the value from a dropdown select

More about the subject;

http://api.jquery.com/val/

http://api.jquery.com/selected-selector/

jQuery - setting the selected value of a select control via its text description

edited May 23 '17 at 11:55

Community

1
1

answered Aug 24 '11 at 14:44

Stefan

5,644
4
24
31

3

The same documentation says that `$('select.foo').val();` is equivalent. – pimvdb Aug 24 '11 at 15:06

Problem using jQuery change function on a select element

3 Answers3