• 0

ماهي القيمة المُرسلة من طرف قائمة منسدلة عند عدم اختيار قيمة؟

باعتبار الاستمارة التالية بـ html:

<div class="small-12 medium-3 column hide" id="special-set-div">
  <label>Special Set?
    <select id="special-set" name="special_set">
      <option value>Select</option>
      <option value="Yes">Yes</option>
      <option value="No">No</option>
    </select>
  </label>
</div>

ما هي القيمة المُرسلة من الاستمارة في حالة عدم تحديد أي قيمة؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

في حال لم يتم تعيين قيمة افتراضية default value ولم يتم اخيار قيمة، سيتم إرسال القيمة string.

ومن خلال موقع W3C specification نحصل على :

value = string
Provides a value for element. If there isn't, the value of an option element is the textContent of the element.

ولتفادي ذلك يلجأ المبرمجون إلى استعمال  الخاصية selected لتحديد قيمة محددة تكون هي القيمة المُرسلة إن لم يتم الاختيار من قبل المستخدم بالشكل التالي:

<select name="city">
  <option value="Bos" selected>Boston</option>
  <option value="Cam">Cambridge</option>
</select>

 

تمّ تعديل بواسطة E.Nourddine

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

أنت من يقوم بتحديد هذه القيمة عادةً تكون 0 أو -1 أو "default" وتستخدم هذه القيمة في التحقق validation عندما يكون الاختيار من القائمة المنسدلة مطلوب ولا يُسمح بتركها من دون أن تختار واحد من الخيارات.

حيث يتم التحقق فيما إذا كانت القيمة المختارة تساوي القيمة الافتراضية لـ select أم لا ويتم إظهار رسالة تنبيه في حال كانت القيمة الافتراضية هي المختارة.

المثال التالي يشرح كيفية تحديد القيمة الافتراضية وتطبيق التحقق RequiredValidation باستخدام جافاسكربت:

<select>
  <option value="default">Choose...</option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>
$.validator.addMethod("valueNotEquals", function(value, element, arg){
  return arg != value;
 }, "Value must not equal arg.");

 // configure your validation
 $("form").validate({
  rules: {
   SelectName: { valueNotEquals: "default" }
  },
  messages: {
   SelectName: { valueNotEquals: "Please select an item!" }
  }  
 });

 

تمّ تعديل بواسطة Lujain

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن