Nedtrekksvalg i HTML er noen av de mest naturlig ikke-brukervennlige elementene. Det er smertefullt å style dem, og på grunnleggende funksjonalitet er de lite nyttige med mindre du har en begrenset mengde gjenstander med en begrenset mengde behov.
Det er der Chosen kommer inn. Det er et javascript-bibliotek som gjør at dropdown-opplevelsen blir mye finere, så vel som mye finere fra et funksjonalitetsperspektiv.
Over kan du se standard valgt funksjonalitet. Det ser bra ut, og har som standard en enkel søkemekanisme for å filtrere gjennom resultatene i tilfelle du har en stor mengde elementer i rullegardinmenyen. Først må du ta med javascript og css-filer. Deretter initialiserer du dem med koden nedenfor.
Det er så enkelt som det. La oss nå ta det til neste nivå, hva om du ville kunne endre funksjonaliteten til rullegardinmenyen for å tillate flere valg? Søk etter “Rødt” nedenfor, trykk Enter, søk etter “Blått”, og trykk deretter Enter. Nå kan du fjerne dem like enkelt fra valget ditt ved å trykke på X eller bakområdet to ganger.
Alt du trenger å gjøre er å passere alternativet multiplum i samtalen til de valgte som nedenfor. Det er ingen endring i JavaScript, det blir initialisert nøyaktig på samme måte.
