Rozbaľovacie ponuky v HTML sú jedny z najprirodzenejších položiek, ktoré nie sú pre používateľa príjemné. Ich styling je bolesť a ich základné funkcie nie sú veľmi užitočné, pokiaľ nemáte obmedzené množstvo položiek s obmedzeným množstvom potrieb.
Tam prichádza Chosen. Je to javascriptová knižnica, ktorá robí rozbaľovaciu skúsenosť omnoho príjemnejšou a rovnako príjemnejšou z hľadiska funkčnosti.
Vyššie vidíte predvolenú vybranú funkciu. Vyzerá skvele a v predvolenom nastavení má jednoduchý vyhľadávací mechanizmus na filtrovanie výsledkov, ak máte v rozbaľovacej ponuke veľké množstvo položiek. Najprv zahrňte súbory javascript a css. Potom ich inicializujte pomocou nižšie uvedeného kódu.
Je to také ľahké. Teraz prejdime na ďalšiu úroveň. Čo ak by ste chceli zmeniť funkčnosť rozbaľovacej ponuky, aby ste umožnili viacnásobný výber? Vyhľadajte „Red“ nižšie, stlačte Enter, vyhľadajte „Blue“ a stlačte Enter. Teraz ich môžete z výberu jednoducho odstrániť tak, že dvakrát stlačíte X alebo backspace.
Jediné, čo musíte urobiť, je odovzdať voľbu násobok vo výzve výberu ako je uvedené nižšie. V javascripte nie je žiadna zmena, inicializuje sa presne rovnakým spôsobom.
