Tengo un código css para una barra de menú de navegación que acabo de copiar.
.sub-header .sub-header-container-menu > li:hover .sub-header-hover-container { display: block; }Estoy tratando de deshabilitar el menú desplegable o habilitarlo según el valor de mi acción Seleccionar objeto al cambiar.
Digamos que el valor es 1:
document.getElementById('sub-header-hover-container').style.display="block";
Digamos que el valor es 2:
document.getElementById('sub-header-hover-container').style.display="none";
Pero no funciona...
Cualquier idea será muy apreciada.
function getValue(selectObject) { if (selectObject.value == 1){ document.getElementById('navBar').style.display="block"; } else if (selectObject.value == 2){ document.getElementById('navBar').style.display="none"; } } .sub-header .sub-header-container-menu > li:hover .sub-header-hover-container{ display: block; } <select id="selectValue" onchange="getValue(this)"> <option value="1" selected>Show</option> <option value="2">Hide</option> </select> <nav id="navBar" class="sub-header"> <ul> <li>Hi</li> <li>Hi</li> </ul> </nav>Ha utilizado "getElementById" con clases. Agregue un atributo de identificación a la barra de navegación y establezca un valor para él. Luego cambie la identificación de "getElementById" a la identificación de la barra de navegación.
¡Gracias y un saludo!