قوائم الاختيار

قوائم الاختيار كما ذكرنا في الفصل السابق كأحد عناصر النموذج تتيح لزائر المواقع الاختيار من بين عناصر هذه القوائم، ويمكن اختيار عنصر واحد من بين عناصر القائمة، كما يوجد أنواع من قوائم الاختيار تتيح لزائر الموقع اختيار أكثر من عنصر من بين عناصر القائمة، ويستخدم العلامة <select> في إنشاء قوائم الاختيار، كما يوضح الكود التالي:

لاحظ أن أول عنصر في القائمة يحتوي على الخاصية selected وهذا يجعل هذا العنصر محدد بشكل افتراضي في القائمة عند عرض القائمة في صفحة الويب، وإذا أردت أن يستطيع زائر الموقع اختيار أكثر من عنصر من عناصر القائمة، فيمكنك عمل ذلك بإضافة خاصية multiple في علامة <select> الخاص بإنشاء القائمة.

وكائن القائمة يعتبر كائن مصفوفة، حيث يحتوي هذا الكائن على مصفوفة تحتوي على عناصر هذه القائمة هذه القائمة وهذا الكائن ضمن كائن النموذج، ويحتوي على كائنات أخرى هي كائنات عناصر القائمة، وكل كائن من هذه الكائنات له خواصه، فعلى سبيل المثال إذا ما أردت معرفة كم عنصر في القائمة، فيمكنك استخدام خاصية length الخاصة بكائن القائمة، كما في الكود التالي:

في الكود السابق تم تعريف المتغير theDayElement ليحل محل كائن القائمة، وفي الكود استخدمنا تكرار for() للوصول إلى كل عناصر مصفوفة القائمة option[] لعرض النص الذي يحتوي عليه كل عنصر من عناصر هذه المصفوفة، مثل كلمة Monday، وكلمة Tuesday، وهكذا.