أنا فني يعمل في التنمية في الواجهة الأمامية. المربع المنسدل هو عنصر الصفحة الذي نستخدمه أكثر. اليوم ، سأتحدث عن بعض الأمثلة على حدث تسجيل الصندوق المنسدلة بناءً على المشكلات التي واجهتها في العمل الفعلي. آمل أن يكون ذلك مفيدًا للجميع.
نسخة الكود كما يلي:
<حدد name = "" id = "sel">
<value Option = "111"> 1 </soph>
<Option Value = "222"> 2 </soph>
<Option Value = "333"> 3 </soph>
</select>
ما ورد أعلاه هو رمز مربع منسد واحد بسيط للغاية. إذا أردنا الحصول على القيمة المقابلة من خلال النقر على الخيار المنسدلة ، فإن الكود العام هو كما يلي:
نسخة الكود كما يلي:
var sel = document.getElementById ("sel") ؛
خيار var = sel.options ؛
لـ (var i = 0 ؛ i <option.length ؛ i ++) {
الخيار [i] .onclick = function () {
التنبيه (this.text) ؛ // احصل على قيمة النص لخيار المنسدلة
التنبيه (this.value) ؛ // احصل على قيمة الخيار المنسدلة
}
}
لا يمكن أن ينتج عن الكود أعلاه التأثير المتوقع أدناه IE9 والكروم ، وهو فعال على Firefox. في هذه الحالة ، لا ينصح بربط أحداث النقر فوق خيار الخيار. يوصى باستخدام أحداث التغيير بدلاً من ذلك ، لأن التغيير عام وهو تغيير في الأساس.
نسخة الكود كما يلي:
var sel = document.getElementById ("sel") ؛
sel.onchange = function () {
تنبيه (sel.options [sel.selectedIndex] .value) ؛
}
ما سبق هو كل شيء عن هذا المقال ، أتمنى أن تنال إعجابك.