I have a login page where a html select element is updated every second to disable and/or rename the specific element.
Everything works but if you have e.g. an iPad you can focus the select element and then its not getting updated anymore until it loses the focus. And I have no idea on how to proceed from here.
that is the function which is called every second.
function editSelectMenu() {
countedits = 2;
const el = document.getElementById('stand');
cams.forEach (element => {
if(cams[countedits - 2].shooter != ""){
el.options[countedits].disabled = true;
el.options[countedits].innerText = cams[countedits - 2].name + " " + cams[countedits - 2].shooter
} else {
el.options[countedits].disabled = false;
el.options[countedits].innerText = cams[countedits - 2].name
}
countedits++;
})
}