Tengo el siguiente HTML que reside dentro de un cuadro de diálogo modal. Como se puede ver cuando se carga, por defecto no está visible.

 <span runat="server" id="GESiCountrySelection" style="display: none" clientidmode="Static"> <label>GESi Countries in Scope</label><span style="color: red">*</span> <select runat="server" id='GESiCountriesSelection' clientidmode="Static" multiple></select> </span>

Tengo otra pieza de código jQuery que uso para mostrarla y ocultarla según ciertas condiciones.

 $(document).on('change', "#Stage", function () { if ($('#recordTypeGES').text() == "True") { if (this.value == "Closed Won") { $("#GESiCountrySelection").show(); } else { $("#GESiCountrySelection").hide(); } } });

Entonces, cuando otro menú desplegable dentro del modal cambia su valor, capturo ese evento y oculto o muestro el elemento HTML anterior. Pero incluso después de presionar el código JavaScript y pasar por .show o .hide , no cambia el estado.

Lo extraño es que si realizo una actualización completa de la página, comienza a funcionar, lo que significa que detecta el evento de cambio desplegable y muestra u oculta el elemento HTML. Tengo un panel de actualización dentro de la página, por lo que cuando cambio el estado de la página, no se vuelve a publicar y no se actualiza por completo. No estoy seguro si eso es estropear algo.