Paradijs Voor Ontwerpers En Ontwikkelaars

Multi.js - Een gebruiksvriendelijke selectie box gebouwd op gewoon JavaScript

Selecteer menu's zijn primitief maar ze werken. Hetzelfde geldt voor alle typische formulierinvoeringen, zoals selectievakjes en keuzerondjes .

Het is eenvoudig om uw eigen formulieren te maken, maar het opnieuw opbouwen van interface-elementen kan moeilijk zijn. Daarom is Multi.js zo'n waardevolle plug-in voor het vervangen van standaard selectievakjes .

Met Multi.js geeft u bezoekers een lijst met items om uit te kiezen met een multi-select-functie die in het formulier is ingebouwd. Op deze manier kunnen gebruikers op meerdere items klikken zonder te hoeven vertrouwen op selectievakjes.

Dit script ondersteunt zelfs een zoekfunctie, zodat gebruikers naar items kunnen zoeken als de lijst bijzonder lang is.

Ik vind het menu ook behoorlijk intuïtief, dus het heeft niet veel uitleg nodig . U klikt op een item aan de linkerkant om het toe te voegen aan de rechterkolom (of "geselecteerde" items). Klik vervolgens op items in de rechterkolom om ze te verwijderen.

Alles draait op JavaScript vanille, inclusief de zoekfunctie, zodat u geen afhankelijkheden nodig heeft. Hoewel, het ondersteunt jQuery als uw site die bibliotheek gebruikt.

Het enige dat u nodig hebt, is het Multi.js-bestand en de CSS-stylesheet. Vervolgens maakt u gewoon een