Olá, estou querendo usar o evento “change” para usar o botão de “selecionar empresa” no projeto que estou construindo. No caso ele selecionava todas as empresas que estão renderizadas.
Meu código ficou assim:
export const selectMenu = async () => {
const companies = await requestListCompanies();
const listAllDepartments = await requestListAllDepartments();
const selectList = document.querySelector(“#company-list”);
const option = document.createElement(“option”);
option.innerText = “Selecionar Empresa”;
option.value = “all-companies”;
selectList.appendChild(option);
selectList.addEventListener(“change”, (event) => {
if (selectList.value == "all-companies") {
renderAllDepartments(listAllDepartments);
return event ;
}
renderAllDepartments(listAllDepartments, selectList.value);
});
companies.forEach((company) => {
const option0 = document.createElement("option");
option0.innerText = company.name;
option0.name = company.name;
option0.id = company.name;
option0.value = company.name;
selectList.append(option0);
});
};
PS: no caso usaria um event.preventDefault(), ou só retornar o event?