Evento Change

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?

Topicos relacionados