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

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

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

 

لاحظ من الكود السابق وجود العلامات </option> <option….> بعدد العناصر التي تريد إظهار في القائمة بين حدي العلامة الخاصة بإنشاء القائمة  </select>  <select….>.

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

والكود التالي يوضح كيفية إنشاء نموذج يحتوي على قائمة اختيار:

وبالكود السابق يتم إنشاء قائمة الاختيار الموضحة الشكل التالي:

وقائمة الاختيار الموضحة في الشكل السابق تتيح لزائر الموقع عنصر واحد فقط من بين العناصر الموجودة في القائمة، ويمكن إنشاء قائمة اختيار تتيح لزائر الموقع اختيار أكثر من عنصر من بين العناصر القائمة، وذلك باستخدام الخاصية multiple= “multiple” التي توضع بداخل العلامة الخاصة بإنشاء القائمة، كما يوضح المثال التالي:

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