34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
|
const dropdown = document.getElementById("myDropdown");
|
||
|
|
|
||
|
|
if (dropdown) {
|
||
|
|
const selected = dropdown.querySelector("#selectedOption");
|
||
|
|
const options = dropdown.querySelector("#dropdownOptions");
|
||
|
|
const arrow = dropdown.querySelector("#dropdownArrow");
|
||
|
|
const items = dropdown.querySelectorAll(".dropdown-option");
|
||
|
|
|
||
|
|
const batchInput = document.getElementById("selected_batch_no");
|
||
|
|
|
||
|
|
selected.addEventListener("click", () => {
|
||
|
|
const isOpen = options.style.display === "block";
|
||
|
|
options.style.display = isOpen ? "none" : "block";
|
||
|
|
dropdown.classList.toggle("open", !isOpen);
|
||
|
|
});
|
||
|
|
|
||
|
|
items.forEach((item) => {
|
||
|
|
item.addEventListener("click", () => {
|
||
|
|
selected.querySelector("span").innerHTML = item.innerHTML;
|
||
|
|
batchInput.value = item.getAttribute("data-batch-no");
|
||
|
|
|
||
|
|
options.style.display = "none";
|
||
|
|
dropdown.classList.remove("open");
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
document.addEventListener("click", function (e) {
|
||
|
|
if (!dropdown.contains(e.target)) {
|
||
|
|
options.style.display = "none";
|
||
|
|
dropdown.classList.remove("open");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|