原生js带文字描述的自定义选择下拉列表特效代码

使用方法

const selected = document.querySelector(".selected");
const optionsContainer = document.querySelector(".options-container");
const optionsList = document.querySelectorAll(".option");

selected.addEventListener("click", () => {
	optionsContainer.classList.toggle("active");
});

optionsList.forEach(option => {
	option.addEventListener("click", () => {
		selected.innerHTML = option.querySelector("label").innerHTML;
		optionsContainer.classList.remove("active");
	});
});