Multi.js - กล่องตัวเลือกที่เป็นมิตรต่อผู้ใช้ซึ่งสร้างจาก JavaScript ธรรมดา
เลือกเมนู เป็นแบบดั้งเดิม แต่ทำงานได้ กันไปสำหรับทุกรูปแบบอินพุตทั่วไปเช่น ช่องทำเครื่องหมาย และ ปุ่มตัวเลือก.
มันง่ายที่จะสร้างรูปแบบของคุณเอง สร้างองค์ประกอบอินเทอร์เฟซใหม่ขึ้นมาใหม่ สามารถแกร่ง นั่นเป็นเหตุผล Multi.js เป็นปลั๊กอินที่มีค่าสำหรับ แทนที่กล่องเลือกเริ่มต้น.
ด้วย Multi.js คุณ ให้รายการผู้เข้าชมที่จะเลือกจาก ด้วยคุณสมบัติการเลือกหลายตัวที่มีอยู่ในแบบฟอร์ม วิธีนี้ผู้ใช้สามารถ คลิกหลายรายการ โดยไม่ต้องพึ่งพาช่องทำเครื่องหมาย.
สคริปต์นี้ยัง รองรับคุณสมบัติการค้นหา, เพื่อให้ผู้ใช้สามารถค้นหารายการหากรายการมีความยาวเป็นพิเศษ.
ฉันยังค้นหาเมนูที่ใช้งานง่ายดังนั้นมัน ไม่ต้องการคำอธิบายมากนัก. คุณคลิกรายการใด ๆ ทางด้านซ้ายเพื่อเพิ่มลงในคอลัมน์ด้านขวา (หรือ “เลือก” รายการ) จากนั้นคลิกที่รายการในคอลัมน์ขวาเพื่อลบออก.
ทุกอย่างทำงานบน JavaScript วานิลลา, รวมถึงคุณลักษณะการค้นหาดังนั้นคุณไม่จำเป็นต้องพึ่งพาใด ๆ แม้ว่ามันจะ รองรับ jQuery ถ้าไซต์ของคุณใช้ไลบรารีนั้น.
สิ่งที่คุณต้องมีก็คือไฟล์ Multi.js และ CSS สไตล์ชีทเพื่อไปกับมัน ถัดไปคุณ สร้าง ธาตุ และ กำหนดเป้าหมายองค์ประกอบด้วยฟังก์ชัน JavaScript, ชอบมาก:
var select_element = document.getElementById ('your_element_ID'); หลายรายการ (select_element);
ตอนนี้ปลั๊กอิน ไม่รองรับ optgroups แต่คุณสมบัตินี้อยู่ในผลงาน.
วิธีการใช้งานเริ่มต้นนั้นน่าทึ่ง มันทำงานได้ตามที่คุณคาดหวังและมัน แม้กระทั่งรองรับเลย์เอาต์ที่ตอบสนองต่อมือถือ.
หากต้องการเรียนรู้เพิ่มเติมโปรดดู GitHub repo ที่ รวมถึงไฟล์ที่สามารถดาวน์โหลดได้. The Multi.js หน้าตัวอย่าง เหมาะสำหรับการดูว่าปลั๊กอินนี้ ทำงานในเบราว์เซอร์. แต่จริงๆแล้วมันเป็นวิธีง่ายๆ restyle เมนูที่คุณเลือก ขณะที่ปรับปรุงประสบการณ์การใช้งานโดยรวมของแบบฟอร์มของคุณ.