toggleElementVisibility - disable option elements

Author: dewenni

changeNew.md

@@ -1,7 +1,7 @@
-# v0.0.3
+# v0.0.4
 
 ## what's new
 
 ## changelog
 
-[FIX] avoid sendData if there is no websocket connection (simulation mode)
+[ADD] JavaScript - toggleElementVisibility() - add function to disable option elements in dropdown

changelog.md

@@ -1,3 +1,13 @@
+# v0.0.4
+
+## what's new
+
+## changelog
+
+[ADD] JavaScript - toggleElementVisibility() - add function to disable option elements in dropdown
+
+---
+
 # v0.0.3
 
 ## what's new

library.json

@@ -1,6 +1,6 @@
 {
     "name": "EspWebUI",
-    "version": "0.0.3",
+    "version": "0.0.4",
     "description": "ESP WebUI Framework Library",
     "keywords": ["esp32", "webserver", "framework"],
     "repository": {

library.properties

@@ -1,5 +1,5 @@
 name=EspWebUI
-version=0.0.3
+version=0.0.4
 author=dewenni
 maintainer=dewenni
 sentence=ESP WebUI Framework Library

web/js/lib_fun.js

@@ -344,7 +344,11 @@ function updateDialog(data) {
 function toggleElementVisibility(className, isVisible) {
   const elements = document.querySelectorAll(`.${className}`);
   elements.forEach((element) => {
-    element.style.display = isVisible ? "" : "none";
+    if (element.tagName.toLowerCase() === "option") {
+      element.disabled = !isVisible;
+    } else {
+      element.style.display = isVisible ? "" : "none";
+    }
   });
 }