JavaScript - unbestimmte Anzahl von ID's korrekt ansteuern

[cppnap]

Guten Tag,

ich habe eine Tabelle von Mitarbeitern angelegt die vom Server geladen werden. In jeder Zeile wo ein Mitarbeiter auftaucht existiert ein Button, der auf Knopfdruck den detaillierten Inhalt des Benutzers über ein AJax-Request aus der Datenbank lesen soll.

Mein Problem ist jetzt wie ich die anhand von JavaScript den Value des gedrückten Buttons auslese.

Die Values und die ID's habe ich über Freemarker erstellen lassen:

<button type="button" class="btn btn-success btn-xs"  id="user${User.id}"  value="${User.username}">

Ich suche jetzt quasi die passende Funktion wie ich den korrekten Wert aus dem Button auslese den ich gedrückt habe, damit ich dann das Request starten kann.


Vielen Dank schon mal für eure Hilfe^^

 

[Yuuri]

Using data attributes

 

[fz21z]

Folgendes aus dem Stehgreif.

Erzeugt für jeden Button einen EventListener

var button = document.getElementsByTagName('button');
for(var i=0;i<button.length;i++) {
      button[i].addEventListener('click', function() {console.log(this.value)}, false);
}

Oder über die id der tabelle, dann nur ein EventListener

var tabelle = document.getElementById('tabelle');
tabelle.addEventListener('click', function(e){
      e.preventDefault();
      if(e.target.nodeName === 'BUTTON')
         console.log(e.target.value);
}, false);