Rozbalovací nabídky v HTML jsou některé z nativně ne uživatelsky přívětivých položek. Styling je bolest a jejich základní funkce nejsou příliš užitečné, pokud nemáte omezené množství položek s omezeným množstvím potřeb.
Tam přichází Chosen. Jde o javascriptovou knihovnu, díky níž je rozbalovací nabídka mnohem hezčí a zároveň mnohem hezčí z hlediska funkčnosti.
Nahoře můžete vidět výchozí vybranou funkci. Vypadá skvěle a ve výchozím nastavení má jednoduchý vyhledávací mechanismus pro filtrování výsledků v případě, že máte v rozbalovací nabídce velké množství položek. Nejprve připojte soubory javascript a css. Poté je inicializujte pomocí níže uvedeného kódu.
Je to tak snadné. Nyní přejdeme na další úroveň. Co kdybyste chtěli změnit funkčnost rozevíracího seznamu tak, aby umožňoval více výběrů? Vyhledejte níže „Red“, poté stiskněte enter, vyhledejte „Blue“ a poté stiskněte enter. Nyní je můžete ze svého výběru odstranit stejně snadno tak, že dvakrát stisknete X nebo backspace.
Jediné, co musíte udělat, je předat možnost násobek při volání výběrem, jak je uvedeno níže. Neexistuje žádná změna v javascriptu, bude inicializován přesně stejným způsobem.
