ctbk/dmx-interface
1
0
Fork 0
mirror of https://github.com/HendrikRauh/dmx-interface.git synced 2025-07-05 21:58:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

renamed file and disabled hidden inputs

Browse source
This commit is contained in:
RaffaelW 2024-10-25 23:46:59 +02:00
parent 1b7e22470a
commit 5d05d30c4d
2 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

23
data/input-visibility.js Normal file
View file

@ -0,0 +1,23 @@
const form = document.querySelector("form");
const dynamicInputs = form.querySelectorAll("[data-field][data-values]");
document.addEventListener("change", updateVisibility);
function updateVisibility() {
dynamicInputs.forEach((element) => {
const input = form.querySelector(`#${element.dataset.field}`);
if (element.dataset.values.split("|").includes(input.value)) {
element.classList.remove("hidden");
element
.querySelectorAll("input, select, button, textarea")
.forEach((childInput) => (childInput.disabled = false));
} else {
element.classList.add("hidden");
element
.querySelectorAll("input, select, button, textarea")
.forEach((childInput) => (childInput.disabled = true));
}
});
}
updateVisibility();