Incluso en la página oficial de MaterializeCSS para Seleccionar, cuando selecciona un valor para la selección múltiple, ve el "Elija su opción" disabled selected y luego las opciones seleccionadas.
Me parece más fácil de usar usar solo la Option 1 , ya que "Elige tu opción" no es una opción válida.
Yo uso el
<option value="" disabled selected>Choose your option</option>así que una vez que se muestra la página, el usuario recibe una pista de lo que se requiere de ellos.
Trabajando jsFiddle .
Me parece que usar jQuery resuelve este problema (ver un ejemplo ) pero solo estoy usando javascript puro.
Entonces, la pregunta es How to not display disabled, selected para múltiples selecciones de MaterializeCSS.
Copiado de su js fiddle, esto solucionará su problema de deselección.
function onSelectChange(s){ const elOptions = s.querySelectorAll('option') elOptions[0].removeAttribute('selected') // this won't work elOptions[0].selected = false; ///this will - tested //first option will be unselected }