Change function not firing in jquery

Question

I have some dropdown lists appended by jquery after a ajax request to the page. All of them has class counter. Now I want to set a change function for them but its not working at all. My jquery version is 1.9.1. I tried these:

$(".counter").on("change",function () {
    alert("ok");
});

And

$(".counter").change(function () {
    alert("ok");
});

Check if jQuery library has been loaded and it should be loaded before your script. — Jai, Jan 05 '15 at 08:27
@HamidReza now it seems to be clear enough, as you stated your html is dynamically added then you have to use event delegation syntax. — Jai, Jan 05 '15 at 08:29

Sadikhasan · Accepted Answer · 2015-01-05T08:26:59.670

1

Your content added dynamically so you have to use jQuery on for dynamic content.

$(document).on("change",".counter",function () {
    alert("ok");
});

For jQuery 1.7+ you can attach an event handler to a parent element using .on(), and pass your class selector combined with 'document' as an argument.

See http://api.jquery.com/on/

edited Jan 05 '15 at 08:26

answered Jan 05 '15 at 08:21

Sadikhasan

18,365
21
80
122

Change function not firing in jquery

1 Answers1