@yoclens Sí, porque como dice los elementos cambian cuando el documento es cargado. Por eso ahora también tienes que cambiar los selectores var monto = form.monto.value; etc, para los selectores deseados. Como expliqué en mi respuesta, si el select no tiene (class = "browser-default"), ese elemento será completamente modificado después de la carga de la página. Entoces, el selector form.monto.value etc dejará de tener efecto porque "ya no existe". El código así funciona, sólo tienes que hacer las debidas actualizaciones dentro de la función Javascript calcula_porcentaje().
@yoclens , has probado esta nueva actualización con la versión clic? El primero no funcionaba correctamente, pero éste he probado personalmente con lo Materialize. Como en el ejemplo que está en mi respuesta
Verdad @blonfu si algún elemento anterior tiene un position:relative;, ya no será relativo a la pantalla pero sí a ese elemento envoltorio, y su posicionamiento top/left/etc también. Pero si ninguno de los envolturos tiene ese estilo, será relativo a la pantalla.