¿Cómo modificar una propiedad de visualización de CSS desde JavaScript?

Estoy tratando de cambiar la propiedad CSS de visualización de una etiqueta

cuando el usuario cambia el valor de una .

Aquí está mi código HTML:

     
Default Value1 Value2

(tenga en cuenta que es una versión simplificada de mi código. En realidad, cada y están en

. Creo que no importa)

Ahora, mi código JS:

 function display_hidden_fields() { alert("JS Function"); document.getElementById("hidden").style.display = "block"; } 

Bien. Cuando selecciono una nueva en la primera nombrada “categoría”, aparece la alerta “Función JS”. Entonces mi función display_hidden_fields() se ejecuta correctamente.
Pero la segunda línea de esta función no … ¡nada! Mi

llamado “oculto” no se muestra 🙁

Me parece que no hay nada malo en mi código. Además, probé muchas variantes.
– Como especificar style="display:block" en las propiedades

, y cambiarlo a “none” en el JS.
– O tratando de usar otras propiedades como “en línea”, “bloque en línea”, …
– O usando “visibilidad” en lugar de “mostrar”
– O no especifica ninguna propiedad en el HTML.

¿Alguien puede ayudarme? 🙂

Gracias.

[EDITAR] Observación importante

Creo que encontré algo interesante. Parece que un

con display:none; mezclado con

y

es completamente inoperante. Aquí está mi código real:

  
Sexe Joueur Joueuse

El contenido de

aún se muestra. Y puedo intentar cambiarlo de alguna manera en JS, no funciona. También traté de eliminar las tags

,

y

Encontré la solución.

Como dije en el EDIT de mi respuesta, un

está fallando en una

, y funciona bien. Pero necesito esta mesa …

Debe ser document.getElementById("hidden").style.display = "block"; no document.getElementById["hidden"].style.display = "block";


EDIT debido a la edición del autor:

¿Por qué estás usando un

aquí? Simplemente agregue una ID al elemento de la tabla y añádale un estilo oculto. Por ejemplo,

. Entonces escribí este código:

         

Y esto está funcionando bien.

Gracias a todos 😉