Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

294
Vistas
Materializar CSS: selección múltiple con problema seleccionado deshabilitado

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.

ingrese la descripción de la imagen aquí

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.

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

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 }
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda