حقل القائمة المنسدلة
أنشئ قوائم منسدلة ذكية وقابلة للبحث مع خيارات غير محدودة. بدءًا من قوائم الاختيار البسيطة وصولًا إلى حقول الاختيار المتعدد المتقدمة مع منطق شرطي، يجعل حقل القائمة المنسدلة عملية جمع البيانات منظمة وسهلة الاستخدام.
قوائم منسدلة احترافية سهلة الاستخدام
مثالية لـ: روتين العناية بالبشرة، تطبيق المكياج، أيام السبا، أو الاستخدام اليومي
🎯 خيارات تخصيص غير محدودة
إدارة الخيارات بسهولة
أضف خيارات غير محدودة مع تسميات وقيم مخصصة. عدّل الخيارات أو أعد ترتيبها أو احذفها بسهولة تامة عن طريق السحب والإفلات.
مراقبة الملصقات والقيمة
قم بتعيين نص العرض (ما يراه المستخدمون) بشكل منفصل عن القيم المخزنة (ما يتم حفظه في قاعدة البيانات الخاصة بك).
قائمة منسدلة قابلة للبحث
تفعيل خاصية البحث
حوّل أي قائمة منسدلة إلى حقل قابل للبحث. مثالي لقوائم الخيارات الطويلة - يمكن للمستخدمين العثور بسرعة على ما يحتاجون إليه عن طريق كتابة الكلمات الرئيسية.
التصفية الذكية
تتيح خيارات تصفية البحث في الوقت الفعلي أثناء كتابة المستخدمين، مما يجعل القوائم الكبيرة قابلة للإدارة على الفور.
إمكانية التحديد المتعدد
يتيح هذا الخيار للمستخدمين تحديد خيارات متعددة من قائمة منسدلة واحدة. وهو مثالي للأسئلة التي تتطلب تحديد جميع الخيارات المناسبة.
ملاحظات بصرية واضحة
يتم تمييز الخيارات المحددة بوضوح باستخدام مربعات الاختيار لتسهيل عملية التتبع.

🔀 المنطق الشرطي
رؤية ذكية للميدان
أظهر أو أخفِ هذه القائمة المنسدلة بناءً على قيم الحقول الأخرى. أنشئ نماذج ديناميكية وذكية تتكيف مع مدخلات المستخدم.
قواعد المنطق المتقدمة
- والمنطق – يجب استيفاء جميع الشروط
- أو المنطق – يمكن لأي شرط أن يؤدي إلى حدوث هذا الإجراء
- مشغلين متعددين - يساوي، لا يساوي، يحتوي على، فارغ، أكبر من، أصغر من، وأكثر
استخدم حالات:
- اعرض قائمة "نوع الصناعة" المنسدلة فقط عندما يختار المستخدم "نشاط تجاري" كنوع الحساب
- إخفاء خيارات معينة بناءً على الاختيارات السابقة
- أنشئ نماذج متعددة الخطوات تكشف الخيارات تدريجياً
🎨 التخصيص الكامل
نص العنصر النائب
قم بتخصيص النص الافتراضي الذي يظهر قبل التحديد (على سبيل المثال، "اختر خيارًا ..."، "حدد خدمة ..."، إلخ).
قيم افتراضية
حدد مسبقًا خيارًا افتراضيًا لتوجيه المستخدمين أو تسريع عملية إكمال النموذج.
تصميم مخصص
قم بتطبيق فئات CSS وأنماط مخصصة لتتناسب تمامًا مع علامتك التجارية.

⚙️ تنظيم ذكي
خيارات إعادة الطلب
استخدم الأسهم لأعلى/لأسفل لترتيب الخيارات بالترتيب الأمثل دون إعادة إنشائها.
خيار الإدخال السريع
أضف الخيارات بسرعة باستخدام اختصارات لوحة المفاتيح (اضغط على مفتاح الإدخال للإضافة).
إدارة الجملة
إدارة عشرات الخيارات بكفاءة عالية من خلال واجهة نظيفة ومنظمة.

إعداد بسيط في 3 خطوات
جهّز حقل القائمة المنسدلة في دقائق
أضف حقل القائمة المنسدلة
اسحب وأفلت حقل القائمة المنسدلة من قسم حقول الاختيار إلى لوحة إنشاء النماذج الخاصة بك.
أضف خياراتك
أدخل خياراتك وانقر على "إضافة خيار" (أو اضغط على مفتاح الإدخال). قم بتعيين التسميات والقيم المخصصة حسب الحاجة.
تكوين الميزات
قم بتمكين البحث، والسماح بتحديدات متعددة، وتعيين نص بديل، وإضافة منطق شرطي إذا لزم الأمر.
؟؟؟؟ هذا كل شيء! قائمتك المنسدلة جاهزة لجمع البيانات المنظمة.
تطبيقات العالم الحقيقي
خيارات الحقول الكاملة
تكوين الأساسية
- تسمية الحقل – العنوان الموضح أعلى القائمة المنسدلة
- وصف/نص المساعدة – إرشادات إضافية للمستخدمين
- حقل مطلوب – اجعل الاختيار إلزاميًا
- نص توضيحي – النص الذي يظهر قبل التحديد (على سبيل المثال، "اختر خيارًا...")
إدارة الخيارات
- إضافة خيارات – خيارات مخصصة غير محدودة
- تسمية الخيار – نص العرض الذي يراه المستخدمون
- قيمة الخيار – القيمة الفعلية المخزنة في قاعدة البيانات
- إعادة الترتيب – نقل الخيارات لأعلى أو لأسفل
- إزالة - حذف الخيارات غير المرغوب فيها
- القيمة الافتراضية – حدد خيارًا مسبقًا
الميزات المتقدمة
- تفعيل البحث - أضف مربع بحث لخيارات التصفية
- السماح بتحديد عدة عناصر – يمكن للمستخدمين تحديد خيارات متعددة
- وضع الحقل المخفي - استخدمه كحقل مخفي بقيمة محددة مسبقًا
المنطق الشرطي
تمكين شرطي المنطق – إظهار/إخفاء بناءً على الشروط
نوع المنطق
- يجب استيفاء جميع الشروط (و)
- يمكن استيفاء أي شرط (أو)
قواعد الحالة
- إظهار/إخفاء – الإجراء المطلوب اتخاذه
- الحقل – أي حقل يتم التحقق منه
- المعاملات: يساوي، لا يساوي، يحتوي، لا يحتوي، أكبر من، أصغر من، فارغ، غير فارغ
- القيمة - قيمة المقارنة
شروط متعددة – أضف عددًا غير محدود من القواعد
خيارات قياسية
- فئات CSS المخصصة
- سمات الوصول
- التكامل مع تصميم النماذج
- تأكيد صحة البيانات

لماذا تختار حقل القائمة المنسدلة الخاص بنا؟
✅ خيارات غير محدودة أضف أكبر عدد ممكن من الخيارات التي تحتاجها
✅ سهل الاستخدام – واجهة مستخدم نظيفة وبديهية ترشد المستخدمين
✅ بحث – تصبح القوائم الطويلة قابلة للإدارة على الفور
✅ موعد تقديم مرن
– أوضاع التحديد الفردي أو المتعدد
✅ المنطق الذكي – إمكانية رؤية النماذج الديناميكية بشكل مشروط
✅ أخصائي – مظهر مصقول مع تفاعلات سلسة
✅ الأمثل المحمول مثالي على جميع الأجهزة وأحجام الشاشات
✅ متكامل تمامًا - يعمل بسلاسة مع جميع ميزات النموذج
الأسئلة الشائعة
كم عدد الخيارات التي يمكنني إضافتها إلى قائمة منسدلة؟
غير محدود. بالنسبة للقوائم التي تحتوي على أكثر من 20 عنصرًا، يساعد تفعيل ميزة البحث على تسهيل عملية التصفح.
هل يمكن للمستخدمين تحديد خيارات متعددة؟
نعم. قم بتمكين "السماح بتحديد عناصر متعددة" في إعدادات الحقل حتى يتمكن المستخدمون من اختيار أي عدد من العناصر التي يحتاجونها.
ما الفرق بين التسمية والقيمة؟
التسمية هي ما يراه المستخدمون، بينما القيمة هي ما يتم تخزينه في بياناتك.
كيف تعمل خاصية البحث؟
عند تفعيل خاصية البحث، يظهر مربع البحث ويقوم بتصفية العناصر على الفور أثناء كتابة المستخدمين، حيث يطابق كل من التسمية والقيمة.
هل يمكنني إعادة ترتيب الخيارات بعد إضافتها؟
نعم. استخدم أزرار الأسهم الموجودة بجوار كل خيار لتعديل ترتيبه. يتم حفظ التغييرات فوراً.
هل تعمل المنطق الشرطي مع قوائم الاختيار المتعددة؟
نعم. يمكنك إظهار أو إخفاء الحقول بناءً على أي من القيم المختارة أو جميعها في حقل الاختيار المتعدد.
هل يمكنني تحديد خيار افتراضي؟
نعم. استخدم "القيمة الافتراضية" لتحديد خيار مسبقًا عند تحميل النموذج.
ما هي عوامل التشغيل المنطقية الشرطية المتاحة؟
تشمل المعاملات المتاحة ما يلي: يساوي، لا يساوي، يحتوي، لا يحتوي، أكبر من، أصغر من، فارغ، وغير فارغ.
هل يمكنني استخدام القوائم المنسدلة للتحكم في قوائم منسدلة أخرى؟
نعم. يتم ذلك باستخدام المنطق الشرطي لإظهار أو إخفاء القوائم المنسدلة اللاحقة، مثل البلد ← الولاية ← المدينة.
هل حقول القوائم المنسدلة متوافقة مع الأجهزة المحمولة؟
نعم. تستخدم الأجهزة المحمولة أدوات اختيار أصلية، وتعمل خيارات البحث والاختيار المتعدد بشكل طبيعي.