Primera vez publicando aquí. Soy un desarrollador nuevo y estoy trabajando en la creación de un sistema de navegación utilizando una serie de 4 menús de opciones de selección, y cada vez que selecciona uno anterior, se habilita la siguiente lista desplegable.

en todo el mundo | MDC | Estante | Unidad

.................................................... .............

Nueva Jersey.... 10..........12....... 42

Ohio.................. 08........ 34......... 23

En "World Wide", los menús desplegables MDC, Shelf y Unit están deshabilitados. Si elige ubicaciones, como Nueva Jersey, se abre la lista de MDC, y una vez que se elige una de ellas, se desbloquea el menú del estante y así sucesivamente... Bueno, hasta ahora, todo parece funcional, excepto cuando vuelvo a eligiendo una ubicación diferente como "Ohio". Quiero que la lista desplegable de MDC vuelva por defecto a "MDC", y que los otros menús desplegables se deshabiliten (esta parte funciona). Sin embargo, el MDC permanecerá en el valor seleccionado allí y, como la lista se carga dinámicamente, no siempre se sincroniza y solo parece basura.

Aquí está el código para los dos primeros elementos de menú seleccionados Ubicación y MDC.

 <select name="site" id="site" onChange={selectSiteHandler}> <option value="00" defaultValue> World Wide </option> {jobSites && jobSites.map((site, key) => { return <option value={site.physical_site_name} key={key + 1}>{site.physical_site_name} - 10</option> })} </select> <select name="mdc" id="mdc" onChange={selectMdcHandler} disabled={mdcDisabled} ><option value="00" defaultValue> {mdcDefaultVal} </option> {!mdcDisabled && dropdownFormatter(assetList, "mdc", site).map((mdc, key) => { return <option value={mdc} key={key + 1}>MDC {mdc}</option> })} </select>

Intenté cambiar mcdDefaultVal sin éxito.