Hallo, ich habe einen Dynamic Dropdown, der nur beim ersten Select funktioniert. Beim zweiten und jedem weiteren Select gibt es keine Options mehr. Wenn ich in der ersten Zeile document.getElementById("pos_select") wegnehme, funktioniert alles perfekt.
Da ich einen zweiten Dropdown im DOM habe, brauche ich die Einschränkung auf den DIV.
var optgroups = document.getElementById("pos_select").getElementsB yTagName('optgroup');
let sel = document.getElementById('candidate_functionalarea_ id');
sel.addEventListener ("change", function () {
var e = document.getElementById("candidate_functionalarea_ id");
var functionalarea_id = e.options[e.selectedIndex].value;
var funcarea_text = e.options[e.selectedIndex].text;
var options;
for (var i = 0; i < optgroups.length; i++) {
if (optgroups[i].label == funcarea_text) {
options = optgroups[i].innerHTML;
}
}
document.getElementById('candidate_positioncategor y_id').innerHTML = options;
});
Da ich einen zweiten Dropdown im DOM habe, brauche ich die Einschränkung auf den DIV.
var optgroups = document.getElementById("pos_select").getElementsB yTagName('optgroup');
let sel = document.getElementById('candidate_functionalarea_ id');
sel.addEventListener ("change", function () {
var e = document.getElementById("candidate_functionalarea_ id");
var functionalarea_id = e.options[e.selectedIndex].value;
var funcarea_text = e.options[e.selectedIndex].text;
var options;
for (var i = 0; i < optgroups.length; i++) {
if (optgroups[i].label == funcarea_text) {
options = optgroups[i].innerHTML;
}
}
document.getElementById('candidate_positioncategor y_id').innerHTML = options;
});
Comment