Multi.js - käyttäjäystävällinen valintaruutu, joka on rakennettu pelkkään JavaScriptiin
Valitse valikot ovat primitiivisiä, mutta ne toimivat. Sama pätee kaikkiin tyypillisiin muotoihin, kuten ruudut ja näppäimet.
Oman lomakkeen luominen on helppoa, mutta rakenneosien uudelleenrakentaminen tyhjästä voi olla kova. Siksi Multi.js on niin arvokas lisäosa oletusvalintaruutujen korvaaminen.
Multi.js: n avulla anna kävijöille luettelo kohteista, joista voit valita lomakkeeseen on rakennettu monivalintatoiminto. Näin käyttäjät voivat napsauta useita kohteita ilman valintaruutuja.
Tämä skripti jopa tukee hakutoimintoa, joten käyttäjät voivat etsiä kohteita, jos luettelo on erityisen pitkä.
Olen myös löytänyt valikon melko intuitiiviseksi, niin se ei tarvitse paljon selitystä. Voit napsauttaa mitä tahansa vasemmalla puolella olevaa kohtaa lisätäksesi sen oikeaan sarakkeeseen (tai “valittu” eriä). Napsauta sitten oikean sarakkeen kohteita poistamalla ne.
Kaikki toimii vanilja JavaScript, mukaan lukien hakutoiminto, joten et tarvitse mitään riippuvuuksia. Vaikka se tukee jQueryä jos sivustosi käyttää kyseistä kirjastoa.
Tarvitset vain Multi.js-tiedoston ja CSS-tyylitaulukon. Seuraavaksi te vain luo elementti ja kohdista elementti JavaScript-toiminnolla, niin kuin:
var select_element = document.getElementById ('your_element_ID'); multi (select_element); Juuri nyt, plugin ei tue opt-ryhmiä mutta tämä ominaisuus on töissä.
Joka tapauksessa oletustoiminto on upea. Se toimii aivan kuten odotat ja se jopa tukee mobiiliherkkiä ulkoasuja.
Lisätietoja on osoitteessa GitHub repo joka sisältää myös ladattavia tiedostoja. Multi.js demo-sivu on hienoa nähdä, miten tämä plugin on toimii selaimessa. Mutta se on vain yksinkertainen tapa uudelleenkäynnistä valitsemasi valikot parantamalla lomakkeen yleistä käyttäjäkokemusta.
