Dynamically fill select options with a large list using document.createDocumentFragment() - much more efficient that document.createElement()

fillSelectMenu.js

const fillMenu = (list, selector) => {
    let subsSelect = document.getElementById(selector);
    subsSelect.innerHTML = "";
    let fragment = document.createDocumentFragment();
    list.sort()
    list.unshift("Select...")
    list.forEach(function (element) {
        let opt = document.createElement("option");
        opt.value = element;
        opt.innerHTML = element;
        fragment.appendChild(opt);
    });
    subsSelect.appendChild(fragment)
}