Multi.js - Düz JavaScript'te Yer Alan Kullanıcı Dostu Bir Seçim Kutusu
Menüleri seç ilkel ama çalışırlar. Aynısı, tüm tipik form girişleri için de geçerlidir. onay kutuları ve radyo düğmeleri.
Kendi formlarınızı oluşturmak kolaydır ama arabirim öğelerini sıfırdan yeniden oluşturma zor olabilir. Bu yüzden Multi.js için böyle değerli bir eklenti varsayılan seçim kutularını değiştirme.
Multi.js ile ziyaretçilere seçilecek öğelerin bir listesini verin forma yerleştirilmiş çoklu seçim özelliği ile. Bu yolla kullanıcılar birden fazla öğeye tıklayın onay kutularına güvenmeden.
Bu senaryo bile bir arama özelliğini destekler, bu yüzden kullanıcılar liste uzunsa, öğeleri arayabilirler.
Ayrıca menüyü oldukça sezgisel buluyorum. açıklamaya gerek yok. Sağ sütuna eklemek için sol taraftaki herhangi bir öğeyi tıklarsanız (veya “seçilmiş” öğe). Sonra, kaldırmak için sağ sütundaki öğelere tıklayın..
Her şey vanilya JavaScript ile çalışıyor, Arama özelliği de dahil olmak üzere, herhangi bir bağımlılığa ihtiyacınız yok. Ona rağmen jQuery'i destekliyor siteniz bu kütüphaneyi kullanıyorsa.
İhtiyacınız olan tek şey, birlikte gitmek için Multi.js dosyası ve CSS stil sayfası. Sıradaki, sadece oluşturmak eleman ve JavaScript işlevli öğeyi hedefleyin, bunun gibi:
var select_element = document.getElementById ('your_element_ID'); çoklu (select_element);
Şu anda, eklenti optgroups'u desteklemiyor ama bu özellik eserlerinde.
Her iki durumda da, varsayılan işlevsellik çarpıcı. Beklediğiniz gibi çalışır ve mobil duyarlı düzenleri bile destekliyor.
Daha fazla bilgi edinmek için GitHub deposu hangi ayrıca indirilebilir dosyalar içerir. Multi.js demo sayfası bu eklentinin nasıl olduğunu görmek için harika tarayıcıda çalışıyor. Ama gerçekten, bu sadece basit bir yol menülerinize hükmedin formunuzun genel kullanıcı deneyimini geliştirirken.