"change" in .live()

Question

I excavated this thread: JQuery live or something similar with .change()?

I have exactly the same problem as the person in that thread. I need to call change() on elements appended() in DOM.

I had success in using .live() but for clicks. Now I need to do the same things for the change in drop down list selection.

Ideally I don't want to use any plugins, as suggested in the topic.

Does anyone has any ideas how to solve the problem?

Sampson · Accepted Answer · 2012-04-28T18:49:24.480

3

As of jQuery 1.7, $.live() is deprecated. You should use the new $.on() method:

$("form").on("change", "select", function(){
  alert ( this.value );
});

Demo: http://jsbin.com/ahikov/edit#javascript,html

edited Apr 28 '12 at 18:49

answered Apr 28 '12 at 18:43

Sampson

265,109
74
539
565

Thanks, it works just fine. But how can I now get the value of option selected? – Eleeist Apr 28 '12 at 18:48
@Eleeist You can use `this.value` from within the handler. – Sampson Apr 28 '12 at 18:50

score 1 · Answer 2 · answered Apr 28 '12 at 18:42

1

Use .on() with the "delegated" syntax.

$(function ()
{
    $(document).on('change', 'select', function ()
    {
        // your event handling code here
    });
});

answered Apr 28 '12 at 18:42

Matt Ball

354,903
100
647
710

score 0 · Answer 3 · answered Apr 28 '12 at 18:44

0

If you have the latest version of jQuery, I recommend you to use the "on" method instead of "click" "change" "live" etc.... try to attach your event from document:

    $(document).on('change', '.yourItem', function (e) {
        //Your code
    });

answered Apr 28 '12 at 18:44

marcos.borunda

1,486
1
17
34

"change" in .live()

3 Answers3