Anonim

HTML nolaižamā izvēlne ir daži no lietotājiem visdraudzīgākajiem vienumiem. To veidošana rada sāpes, un to pamata funkcionalitāte nav ļoti noderīga, ja vien jums nav ierobežota preču daudzuma un ierobežotu vajadzību.

Tieši tur nāk Chosen. Tā ir javascript bibliotēka, kas nolaižamo pieredzi padara daudz jaukāku, kā arī daudz funkcionālu.

Virs jūs varat redzēt noklusējuma izvēlēto funkcionalitāti. Tas izskatās lieliski, un pēc noklusējuma tam ir vienkāršs meklēšanas mehānisms, lai filtrētu rezultātus, ja nolaižamajā izvēlnē ir daudz vienumu. Vispirms iekļaujiet javascript un css failus. Pēc tam inicializējiet tos ar zemāk redzamo kodu.

Tas ir tik vienkārši. Tagad pārcelsimies uz nākamo līmeni, kā būtu, ja vēlaties, lai varētu mainīt nolaižamās izvēlnes funkcionalitāti, lai atļautu vairākas izvēles? Zemāk meklējiet “sarkans”, pēc tam nospiediet taustiņu enter, meklējiet “zils” un pēc tam nospiediet taustiņu enter. Tagad jūs varat tos tikpat viegli noņemt no atlases, divreiz noklikšķinot uz X vai atpakaļatkāpes.


Viss, kas jums jādara, ir jāiziet vairākkārtēja iespēja atlasītās sarunas laikā, kā norādīts zemāk. Javascript netiek mainīts, tas tiek inicializēts tieši tāpat.