Multi.js - Un cuadro de selección fácil de usar construido en JavaScript simple
Seleccionar menús Son primitivos pero funcionan. Lo mismo ocurre con todas las entradas de formularios típicos, como casillas de verificación y botones de radio.
Es fácil crear tus propios formularios pero reconstrucción de elementos de la interfaz desde cero puede ser duro Es por eso Multi.js es un complemento tan valioso para reemplazo de cuadros de selección por defecto.
Con Multi.js, tu dar a los visitantes una lista de elementos para elegir con una función de selección múltiple integrada en el formulario. De esta manera los usuarios pueden haga clic en varios elementos sin confiar en las casillas de verificación.
Este guión incluso soporta una función de búsqueda, para que los usuarios puedan buscar elementos si la lista es especialmente larga.
También encuentro el menú bastante intuitivo, por lo que no necesita mucha explicacion. Hace clic en cualquier elemento en el lado izquierdo para agregarlo a la columna derecha (o “seleccionado” artículos). Luego, haga clic en los elementos en la columna de la derecha para eliminarlos.
Todo funciona en vainilla JavaScript, Incluyendo la función de búsqueda, por lo que no necesita ninguna dependencia. A pesar de esto apoya jQuery si tu sitio usa esa biblioteca.
Todo lo que necesita es el archivo Multi.js y la hoja de estilo CSS para acompañarlo. A continuación, solo crear un elemento y orientar el elemento con una función de JavaScript, al igual que:
var select_element = document.getElementById ('your_element_ID'); multi (select_element); En este momento, el plugin. no es compatible con optgroups pero esta característica está en las obras.
De cualquier manera, la funcionalidad por defecto es impresionante. Funciona tal como lo esperabas y Incluso soporta diseños móviles de respuesta.
Para obtener más información, echa un vistazo a la GitHub repo cual También incluye archivos descargables.. El Multi.js página de demostración Es genial para ver cómo este plugin. trabaja en el navegador. Pero en realidad, es solo una manera simple de cambiar el estilo de sus menús seleccionados mientras mejora la experiencia general de usuario de su formulario.
