const hozzaadGomb = document.getElementById('hozzaadGomb'); hozzaadGomb.addEventListener('click', event => { let dolgozo = osszeallitDolgozo(); hozzaadDolgozo(dolgozo); }); function osszeallitDolgozo() { let dolgozo = new Object(); dolgozo.nev = document.getElementById('nev').value; dolgozo.igszam = document.getElementById('igszam').value; dolgozo.telepules = document.getElementById('telepules').value; dolgozo.vegzettseg = document.getElementById('vegzettseg').value; dolgozo.belepes = document.getElementById('belepes').value; dolgozo.beosztas = document.getElementById('beosztas').value; return dolgozo; } function hozzaadDolgozo(dolgozo) { var xhr = new XMLHttpRequest(); xhr.responseType = 'text'; xhr.open("POST", "../php/hozzaaddolgozo.php", true); xhr.send(JSON.stringify(dolgozo)); xhr.onload = function() { if(xhr.readyState === xhr.DONE) { if(xhr.status === 200) { console.log(xhr.responseText); } } } } function lekerBeosztasok() { var xhr = new XMLHttpRequest(); xhr.responseType = 'text'; xhr.open("POST", "../php/lekerbeosztasok.php", true); xhr.send(); xhr.onload = function() { if(xhr.readyState === xhr.DONE) { if(xhr.status === 200) { feltoltBeosztasok(xhr.responseText); } } } } function feltoltBeosztasok(beosztasok) { console.log(beosztasok); let beosztasokSelect = document.getElementById('beosztas'); let data = JSON.parse(beosztasok); for(let i=0; i ${data[i].nev} `; } } lekerBeosztasok();