innerhtml+= How to Get load data from ajax then make an action?

Question

im newbie that newbie learn here...

i want add some event from loaded part dynamically but it return to 1 id

so i problem with innerHTML+= and call with ajax like this..

 $.ajax({
                    url: 'getuser.php',
                    type: 'POST',
                    data: {
                        id_user: id_user
                    },
                    success: function(data) {
                       listuser.innerHTML+=data;
                      
                    }
                  
                });

then with getuser.php i got result like this

<div id="listuser">
<button id="1" class="pickmember">Member1</button >
<button id="2" class="pickmember">Member2</button>
</div>

so when i call a function

$(".pickmember").click(function(){
var id_user=$(this).attr('id');
alert('u pick member'+id_user);
});

when i call it,, it always return to last added to innerhtml, and cant detect member2 when click,, there is solution to this?

Have you tried `listuser.innerHTML = listuser.innerHTML + data`? — Derek Wang, Oct 28 '20 at 01:55
@FelippeDuarte i done tried this too,, its same result as above ... — Jalz Ae, Oct 28 '20 at 02:07
When you add a new DOM element you need to rebind the click function. Run the same `.click()` after you append `data` — Felippe Duarte, Oct 28 '20 at 02:11
Hi try like this `$(document).on("click",".pickmember",function(){ alert($(this).attr('id'))})` see if that alert showing correct value . — Swati, Oct 28 '20 at 04:28

score 1 · Accepted Answer · answered Oct 28 '20 at 02:13

1

use .on() instead of .click()

$(".pickmember").on('click', function () {
    var id_user = $(this).attr('id');
    alert('u pick member' + id_user);
  });

more information --> jQuery $(".class").click(); - multiple elements, click event once

answered Oct 28 '20 at 02:13

cabrillosa

155
8

Try adding event.stopPropagation(); and event.stopImmediatePropagation(); – cabrillosa Oct 28 '20 at 03:37
its still return to id member1 ... so frustate – Jalz Ae Oct 28 '20 at 04:13

innerhtml+= How to Get load data from ajax then make an action?

1 Answers1