jquery event listener doesn't work

Question

What is wrong here, index.php

<div id="divM"></div>
<script src="jquery-1.9.1.min.js"></script>
<script src="index.js"></script>

index.js

$("#select01").change(function(){
    var a = $(this).val() + ".php";
    $("#divM").load(a);
});

So, a page is loaded inside divM and select03 is inside the loaded page.

index.js

$("#select03").on("change", function(){
    alert ("323"); // nothing happens here !
});

check this http://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements — Rohit Arora, Jul 28 '15 at 07:33

score 1 · Answer 1 · answered Jul 28 '15 at 07:31

1

Try this
$(document.body).on("change","#select03", function(){
    alert ("323"); // nothing happens here !
});
$("#select01").change(function(){
var a = $("#select01 option:selected").val() + ".php";
$("#divM").load(a);
});

answered Jul 28 '15 at 07:31

Muhammad Atif

1,050
1
9
21

score 1 · Accepted Answer · answered Jul 28 '15 at 07:31

1

Use event-delegation

$("#divM").on("change", "#select03", function(){
    alert ("323"); // nothing happens here !
});

answered Jul 28 '15 at 07:31

Oleksandr T.

76,493
17
173
144

score 1 · Answer 3 · answered Jul 28 '15 at 07:31

1

Change your function to:

$(document).on("change", "#select03", function(){
    alert ("323"); // nothing happens here !
});

answered Jul 28 '15 at 07:31

GreyRoofPigeon

17,833
4
36
59

score 1 · Answer 4 · answered Jul 28 '15 at 07:33

1

Try below code:

$(document).on("change", "#select03", function(){
    alert ("abc"); // nothing happens here !
});

answered Jul 28 '15 at 07:33

Light

1,077
10
33

jquery event listener doesn't work

4 Answers4