قوائم منسدلة متعددة الاختيارات: اختر خيارات متعددة
تُجبر القوائم المنسدلة التقليدية المستخدمين على اختيار خيار واحد فقط. ولكن ماذا لو احتاجوا إلى اختيار عدة خيارات؟ الخدمات التي تهمهم، وأيام توفرها، والميزات التي يرغبون بها - العديد من الأسئلة لها إجابات متعددة صحيحة. تتيح القوائم المنسدلة متعددة الاختيارات للمستخدمين اختيار عدة خيارات من حقل واحد موفر للمساحة.
في هذا الدليل، ستتعلم كيفية إنشاء قوائم منسدلة متعددة الاختيارات تسمح للمستخدمين باختيار خيارات متعددة في نماذج ووردبريس الخاصة بك.
ما هي القائمة المنسدلة متعددة الاختيارات؟
قائمة منسدلة قياسية
- انقر لفتح الخيارات
- اختر خيارًا واحدًا
- إغلاق القائمة المنسدلة
- قيمة واحدة مخزنة
قائمة منسدلة متعددة الاختيارات
- انقر لفتح الخيارات
- حدد خيارات متعددة
- يبقى مفتوحاً لمزيد من الخيارات
- قيم متعددة مخزنة
الفرق البصري
المعيار:
الخدمات: [تصميم مواقع الويب ▼] (اختيار واحد فقط)
تحديد متعدد:
الخدمات: [تصميم مواقع الويب، تحسين محركات البحث، التسويق ▼] (يتم عرض عدة خيارات)
متى تستخدم القوائم المنسدلة متعددة الاختيارات
مناسب ل
- الخدمات المهتمة بـ: "اختر جميع الخدمات التي تحتاجها"
- الأيام المتاحة: "ما هي الأيام التي تناسبك؟"
- الميزات المطلوبة: "اختر الميزات التي تهمك"
- الفئات: اختر جميع ما ينطبق
- المهارات/الخبرات: "ما هي مهاراتك؟"
- التفضيلات: "حدد تفضيلاتك"
متى تستخدم مربعات الاختيار بدلاً من ذلك؟
| قائمة منسدلة متعددة الاختيارات | مربعات |
|---|---|
| خيارات متعددة (7+) | خيارات قليلة (2-6) |
| الأشكال المقيدة بالمساحة | مساحة رأسية واسعة |
| الخيارات مخفية حتى يتم النقر عليها | جميع الخيارات مرئية في وقت واحد |
| مظهر أنظف | مسح ضوئي أسهل |
| متوافق مع الأجهزة المحمولة للقوائم الطويلة | أفضل للاختيار السريع |
دليل القرار
- 2-6 خيارًا: استخدم مربعات الاختيار
- 7-15 خيارًا: قائمة منسدلة متعددة الاختيارات
- أكثر من 15 خيارًا: تحديد متعدد مع البحث
إنشاء قوائم منسدلة متعددة الاختيارات
الخطوة 1: إضافة حقل القائمة المنسدلة
- افتح النموذج الخاص بك في AFB
- سحب اسقاط حقل في نموذجك
- انقر لضبط الإعدادات
الخطوة الثانية: تفعيل خاصية التحديد المتعدد
- ابحث عن خيار "السماح بتحديدات متعددة"
- تبديل على
- القائمة المنسدلة تقبل الآن خيارات متعددة
الخطوة 3: إضافة الخيارات
أدخل كل خيار في سطر جديد:
تصميم مواقع الويب، تحسين محركات البحث، تسويق المحتوى، وسائل التواصل الاجتماعي، التسويق عبر البريد الإلكتروني، إعلانات الدفع لكل نقرة، بناء العلامة التجارية، التحليلات
الخطوة 4: تكوين الإعدادات
- التسمية: "الخدمات التي تهمك"
- العنصر النائب: اختر جميع ما ينطبق
- مطلوب: التبديل حسب الحاجة
- نص المساعدة: اضغط باستمرار على مفتاح Ctrl/Cmd لتحديد عدة عناصر (إذا لزم الأمر).
الخطوة 5: تحديد حدود الاختيار (اختياري)
- الحد الأدنى للاختيارات: خيارات X على الأقل
- أقصى عدد من الاختيارات: خيارات لا تزيد عن X
أمثلة على تكوين التحديد المتعدد
اختيار الخدمات
التسمية: "ما هي الخدمات التي تهمك؟"
العنصر النائب: اختر جميع ما ينطبق
مطلوب: نعم
الحد الأدنى للاختيارات: 1
خيارات:
- تصميم الموقع
- تصميم و برمجة أفضل مواقع الإنترنت
- التجارة الإلكترونية
- تحسين محركات البحث (SEO)
- كتابة المحتوى
- إدارة منصات وسائل التواصل الاجتماعية
- التسويق عبر البريد الإلكتروني
- الإعلان المدفوع
- الهوية البصرية
- الاستشارات
الأيام المتاحة
التسمية: "ما هي الأيام التي تكون فيها متاحاً؟"
العنصر النائب: اختر الأيام المتاحة لديك
مطلوب: نعم
الحد الأدنى للاختيارات: 1
خيارات:
- الإثنين
- الثلاثاء
- الأربعاء
- الخميس
- الجمعة
- السبت
- الأحد
مهارات و خبرة
التسمية: "اختر مجالات خبرتك"
العنصر النائب: اختر جميع ما ينطبق
مطلوب: نعم
الحد الأدنى للاختيارات: 1
الحد الأقصى للاختيارات: 5
خيارات:
- جافا سكريبت
- Python
- PHP
- رد فعل
- Vue.js
- Node.js
- WordPress
- إدارة قاعدة البيانات
- DevOps
- تصميم أوي / أوكس
القيود الغذائية
التسمية: هل لديك أي قيود غذائية؟
العنصر النائب: "اختر إن أمكن"
مطلوب: لا
خيارات:
- نباتي
- نباتية
- منتجاتنا الخالية من الجلوتين
- الألبان خالية
- حساسية المكسرات
- طعام
- حلال
- لا قيود
تفضيلات التواصل
التسمية: "كيف تفضل أن نتصل بك؟"
العنصر النائب: "اختر الطرق المفضلة"
مطلوب: نعم
الحد الأدنى للاختيارات: 1
خيارات:
- البريد الإلكتروني
- مكالمة هاتفية
- رسالة نصية
- واتس اب
- مكالمة فيديو
اهتمامات الحدث
التسمية: "ما هي الجلسات التي تهمك؟"
العنصر النائب: "اختر الجلسات التي ترغب في حضورها"
مطلوب: نعم
الحد الأدنى للاختيارات: 1
خيارات:
- الكلمة الرئيسية
- ورشة العمل أ: التسويق
- ورشة العمل ب: المبيعات
- ورشة العمل ج: التكنولوجيا
- حلقة نقاش
- غداء التواصل
- الحفل الختامي
حدود الاختيار
الحد الأدنى للاختيارات
لماذا استخدامه:
- تأكد من اختيار خيار واحد على الأقل
- يتطلب الأمر إجابات متعددة
- التحقق من صحة المدخلات ذات المعنى
الإعدادات العامة:
- الحد الأدنى 1: "اختر واحدًا على الأقل"
- الحد الأدنى 2: "اختر خيارين على الأقل"
- الدقيقة 3: "اختر أفضل 3 لديك"
أقصى الاختيارات
لماذا استخدامه:
- قلل الخيارات للتركيز
- اختر أفضل 3 لديك
- قيود المصادر
- منع سلوك "تحديد الكل"
الإعدادات العامة:
- الحد الأقصى 3: "اختر حتى 3"
- الحد الأقصى 5: "اختر ما لا يزيد عن 5"
- أقصى عدد من المباريات في الفتحات المتاحة
رسائل التحقق
- يرجى اختيار خيار واحد على الأقل.
- يرجى اختيار خيارين على الأقل.
- يمكنك اختيار ما يصل إلى 5 خيارات كحد أقصى.
- "يرجى الاختيار بين خيارين وخمسة خيارات"
اعتبارات تجربة المستخدم
تعليمات واضحة
في الملصق:
- اختر جميع ما ينطبق
- اختر خيارات متعددة
- اختر أفضل 3 لديك
في خانة العنصر النائب:
- انقر لتحديد عدة خيارات...
- "اختر الخيارات..."
في نص المساعدة:
- يمكنك اختيار خيارات متعددة.
- اختر من 1 إلى 5 خيارات
- اضغط باستمرار على مفتاح Ctrl (أو Cmd على نظام Mac) لتحديد عدة عناصر.
عدد العناصر المحددة المعروضة
اعرض عدد العناصر المحددة:
- تم اختيار 3 عناصر
- "تصميم مواقع الويب، تحسين محركات البحث، وأكثر من ذلك"
- عرض مرئي واضح للاختيارات الحالية
إلغاء التحديد بسهولة
- انقر فوق العنصر المحدد لإلغاء تحديده
- زر "X" على كل عنصر محدد
- خيار "مسح الكل"
ابحث عن القوائم الطويلة
للحصول على أكثر من 10 خيارات، أضف بحثًا:
- اكتب لتصفية الخيارات
- العثور على العناصر بسرعة
- ضروري لأكثر من 20 خيارًا
الاختيار المتعدد مقابل أنواع الحقول الأخرى
قائمة منسدلة متعددة الاختيارات مقابل مربعات الاختيار
اختر خيار التحديد المتعدد عندما:
- أكثر من 7 خيار
- مساحة محدودة
- ليس من الضروري أن تكون جميع الخيارات مرئية
- مطلوب مظهر بصري أنظف
اختر مربعات الاختيار متى:
- ستة خيارات أو أقل
- ينبغي أن يرى المستخدمون جميع الخيارات
- المسح السريع مهم
- يفضل التفاعل الأبسط
الاختيار المتعدد مقابل القوائم المنسدلة الفردية المتعددة
نهج خاطئ:
الخيار الأول: [قائمة منسدلة] الخيار الثاني: [قائمة منسدلة] الخيار الثالث: [قائمة منسدلة]
نهج أفضل:
اختر خياراتك: [قائمة منسدلة متعددة الاختيارات] (بحد أقصى 3 اختيارات)
الاختيار المتعدد مقابل أزرار الاختيار
أزرار الاختيار = اختيار واحد فقط. لا تستخدمها للاختيار من بين عدة خيارات.
اعتبارات خاصة بالهواتف المحمولة
مجموعة منتجات سهلة الاستخدام باللمس
- أهداف نقر كبيرة
- سهولة التحديد/إلغاء التحديد
- ردود فعل بصرية واضحة
أصلي مقابل مخصص
- قد يكون استخدام خاصية التحديد المتعدد الأصلية غير مريح على الأجهزة المحمولة
- غالباً ما توفر القوائم المنسدلة المخصصة تجربة مستخدم أفضل
- ضع في اعتبارك استخدام قائمة مربعات الاختيار على الهاتف المحمول
عرض العناصر المحددة
- اعرض الاختيارات بوضوح
- لا تتجاوز سعة الحاوية
- "تم اختيار 3" مقابل سرد جميع الأسماء
معالجة البيانات
كيفية تخزين البيانات
يتم تخزين الاختيارات المتعددة عادةً على النحو التالي:
- مفصولة بفواصل: "تصميم مواقع الويب، تحسين محركات البحث، التسويق"
- المصفوفة: ["تصميم مواقع الويب"، "تحسين محركات البحث"، "التسويق"]
- إدخالات فردية لكل اختيار
اشعارات البريد الالكتروني
في رسائل البريد الإلكتروني الخاصة بالإشعارات:
الخدمات التي نهتم بها: - تصميم مواقع الويب - تحسين محركات البحث - تسويق المحتوى
تصدير CSV
تم التصدير باسم:
- عمود واحد: "تصميم مواقع الويب، تحسين محركات البحث، التسويق"
- أو أعمدة متعددة لكل خيار
تصفية الطلبات
- تصفية حسب اختيار محدد
- ابحث عن جميع من اختاروا "تحسين محركات البحث"
- مفيد للتجزئة
الأنماط الشائعة
النمط 1: تحديد متعدد مطلوب
الخدمات المطلوبة (اختر خدمة واحدة على الأقل): [قائمة منسدلة متعددة الخيارات] مطلوب: نعم الحد الأدنى: 1
النمط 2: تشكيلة محدودة
اختر أهم 3 أولويات لديك: [قائمة منسدلة متعددة الاختيارات] الحد الأدنى: 3 الحد الأقصى: 3
النمط 3: اختيار متعدد اختياري
هل لديك أي قيود غذائية؟ (اختياري) [قائمة منسدلة متعددة الخيارات] مطلوب: لا
النمط 4: "تحديد الكل" مع تحديد الحدود
ما هي الميزات التي تهمك؟ (بحد أقصى 5) [قائمة منسدلة متعددة الاختيارات] الحد الأقصى: 5 نص المساعدة: "اختر حتى 5 ميزات"
سهولة الوصول والشمولية
التنقل باستخدام لوحة المفاتيح
- اضغط على زر Tab للوصول إلى القائمة المنسدلة
- استخدم مفاتيح الأسهم للتنقل بين الخيارات
- اضغط على مفتاح المسافة/إدخال للاختيار/إلغاء الاختيار
- اكتب للانتقال إلى الخيار
دعم قارئ الشاشة
- أعلن "اختيار متعدد" أو "اختر عدة خيارات"
- قراءة العدد المحدد
- الإعلان عن تغييرات الاختيارات
تسميات واضحة
- يشير التصنيف إلى السماح بتحديد عدة خيارات
- اختر جميع ما ينطبق
- اختر خيارات متعددة
نصائح التصميم
عرض العناصر المحددة
- بطاقات/رقائق لكل اختيار
- تمييز بصري واضح
- زر الإزالة على كل
مظهر القائمة المنسدلة
- علامات صح بجوار العناصر المحددة
- خلفية مميزة للعنصر المحدد
- مسح حالة التمرير
تصميم متسق
- قم بمطابقة أنماط حقول النموذج الأخرى
- نفس الحدود والحشو والألوان
- متوافق مع القوائم المنسدلة الفردية
فحص الجهاز
لم يتم حفظ الاختيارات
- تأكد من تفعيل خاصية التحديد المتعدد
- معالجة عمليات إرسال نماذج التحقق
- اختبار مع معاينة النموذج
لا يمكن اختيار سوى واحد
- خيار التحديد المتعدد غير مفعل
- إعدادات حقل الاختيار
- ربما تستخدم نوع حقل خاطئ
التحقق من الصحة لا يعمل
- تحقق من إعدادات الحد الأدنى/الأقصى
- حدد الخيار المطلوب
- اختبر أعداد التحديد المختلفة
مشاكل العرض على الهاتف المحمول
- اختبار على جهاز محمول فعلي
- تحقق من عرض القائمة المنسدلة
- تأكد من ظهور الاختيارات
الأسئلة الشائعة
كم عدد الخيارات التي يمكن للمستخدمين تحديدها؟
بشكل افتراضي، غير محدود. حدد الحد الأقصى إذا كنت ترغب في تقييد الخيارات (على سبيل المثال، "اختر حتى 3").
هل أستخدم خاصية الاختيار المتعدد أم مربعات الاختيار؟
مربعات اختيار لـ 6 خيارات أو أقل (جميعها مرئية). تحديد متعدد لـ 7 خيارات أو أكثر أو عندما تكون المساحة محدودة.
هل يمكنني اشتراط حد أدنى لعدد الاختيارات؟
نعم. حدد الحد الأدنى للاختيارات لضمان اختيار المستخدمين لعدد X من الخيارات على الأقل.
كيف يتم تخزين الاختيارات المتعددة؟
عادةً ما تكون القيم مفصولة بفواصل أو مصفوفة. تظهر في عمليات الإرسال والتصدير كقائمة.
هل يمكنني إضافة خاصية البحث إلى القائمة المنسدلة؟
تدعم العديد من أدوات إنشاء النماذج قوائم منسدلة قابلة للبحث. وهذا أمر ضروري عند وجود أكثر من 15 خيارًا.
ملخص
إنشاء قوائم منسدلة متعددة الاختيارات:
- إضافة حقل القائمة المنسدلة - القائمة المنسدلة القياسية أولاً
- تفعيل خاصية التحديد المتعدد – السماح بتحديدات متعددة
- أضف خيارات – جميع الخيارات المتاحة
- قم بتعيين علامة واضحة - "اختر جميع ما ينطبق"
- أضف عنصر نائب – توجيه المستخدمين لاختيار
- حدد حدود الاختيار – الحد الأدنى/الأقصى إذا لزم الأمر
- أضف نصًا توضيحيًا – شرح قواعد الاختيار
- اختبار شامل – عدد الاختيارات المختلفة
خاتمة
تُحلّ القوائم المنسدلة متعددة الخيارات مشكلة "اختيار أكثر من خيار" بطريقة أنيقة. فهي توفر مساحة مقارنةً بقوائم مربعات الاختيار الطويلة، وتحافظ على نظافة النماذج، وتتيح للمستخدمين اختيار ما يناسبهم بالضبط. استخدمها للخدمات، والأيام، والميزات، والتفضيلات - أي سؤال تكون فيه الإجابات المتعددة صحيحة وتكون القائمة طويلة جدًا بحيث لا تتسع لمربعات الاختيار.
منشئ النماذج التلقائي يدعم القوائم المنسدلة متعددة الاختيارات مع حدود للاختيار وخيارات قابلة للبحث. أنشئ نماذج مرنة تجمع خيارات متعددة في حقل واحد سهل الاستخدام.
هل أنت مستعد لنماذج الاختيار المتعدد؟ قم بتنزيل أداة إنشاء النماذج التلقائية ويتيح للمستخدمين اختيار خيارات متعددة بسهولة.
