1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
| // LE MODAL EST APPELE EN ATTRIBUANT DATA-TOGGLE ET DATA-TARGET A CHAQUE BOUTON
var btnAbsents = document.getElementsByClassName('Absent');
var select = document.querySelector('.custom-select');
btnAbsents.forEach(function(btnAbsent){
btnAbsent.setAttribute('data-toggle', 'modal');
btnAbsent.setAttribute('data-target', '#modalAbsent');
btnAbsent.addEventListener('click', function(){
label = btnAbsent.nextElementSibling;
console.log(btnAbsent); // --> je récupère bien mon ELEMENT HTML en fonction du click (ELT 1 - ELT 2 - ELT 3 ..... ok)
select.addEventListener("change", function(e){
console.log(btnAbsent); // --> je récupère systématiquement et uniquement mon ELEMENT HTML 1 quel que soit le click sur les btnAbsent (Elt1 - Elt1 - Elt 1....) alors que je pensais récupérer (ELT 1 - ELT 2 - ELT 3) en fonction du click
btnAbsent.value = motifAbsence;
var motifAbsence = select.value;
label.innerHTML = (' Absent : ' + motifAbsence);
$('#modalAbsent').modal('hide');
e.stopImmediatePropagation();
})
})
}); |
