amine_detter amine_detter - 11 months ago 46
HTML Question

How to add an Id, value and onclick event to a dynamic generated div

i have to add onglets (dev) and affect them an id, value and onclick.
i tried by this way but is not working

function functionDeleteLevel(s1,s2){
var s1 = document.getElementById(s1);
var s2 = document.getElementById(s2);
s2.innerHTML = "";
var formData = new FormData();
formData.append("valeur", "deleteLevel");
ajaxPost("/deleteLevel", formData, function (reponse) {
var data = JSON.parse(reponse);
var newLi = document.createElement("li");
newLi.value = level.level; = "levelId_"+level.level;
newLi.innerHTML = 'onclick="functionSelectedLevel("';
newLi.innerHTML = '<a data-toggle="tab">Niveau'+level.level+'</a>';


Answer Source

you can use

newLi.addEventListener('click', function() {functionSelectedLevel(;}) 


newLi.onclick = function() {functionSelectedLevel(;};

or - with a bit of a change to functionSelectedLevel

newLi.addEventListener('click', functionSelectedLevel) 


newLi.onclick = functionSelectedLevel;

functionSelectedLevel would then be

functionSelectedLevel() {
    // here, the value of this is the element that was clicked
    do things with