Anonim

التحديدات المنسدلة في HTML هي بعض العناصر الأكثر سهولة في الاستخدام. يعد تصميمها أمرًا مؤلمًا وهي لا تعد مفيدة للغاية في وظائفها الأساسية إلا إذا كان لديك كمية محدودة من العناصر ذات الاحتياجات المحدودة.

هذا هو المكان الذي يتم فيه اختيار Chosen. إنها مكتبة جافا سكريبت التي تجعل تجربة القائمة المنسدلة أكثر جمالًا ، وكذلك أجمل بكثير من منظور الوظائف أيضًا.

أعلاه يمكنك رؤية وظيفة Chosen الافتراضية. يبدو رائعا ، وبشكل افتراضي لديه آلية بحث بسيطة للتصفية من خلال النتائج في حالة وجود كمية كبيرة من العناصر في القائمة المنسدلة. أولاً ، قم بتضمين ملفات javascript و css. بعد ذلك ، قم بتهيئتهم بالكود أدناه.

الأمر بهذه السهولة. الآن دعنا ننتقل إلى المستوى التالي ، ماذا لو كنت تريد أن تكون قادرًا على تغيير وظيفة القائمة المنسدلة للسماح بتحديدات متعددة؟ ابحث عن "Red" أدناه ، ثم اضغط على enter ، وابحث عن "Blue" ، ثم اضغط على enter. يمكنك الآن إزالتها بنفس السهولة من اختيارك بمجرد ضرب X أو backspace مرتين.


كل ما عليك القيام به هو تمرير الخيار متعددة في استدعاء الاختيار على النحو التالي. لا يوجد أي تغيير على جافا سكريبت ، يتم تهيئته بنفس الطريقة بالضبط.