English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجعي لـ HTML

جميع عناصر HTML

خاصية onchange في HTML

يمكن استخدام onchange لجلب أو تعيين وظيفة معالجة الحدث change الحالية للعنصر الحالي.

خصائص أحداث HTML

مثال عبر الإنترنت

عندما يغير المستخدم اختيار عنصر <select>، يتم تنفيذ JavaScript:

<!DOCTYPE html>
<html>
<head>
<title>استخدام خاصية onchange في HTML (موقع دروس أساسيات الويب oldtoolbag.com)</title>
</head>
<body>
اختر سيارة جديدة من القائمة.
<select id="mySelect" onchange="myFunction()">
  <option value="Audi">Audi
  <option value="BMW">BMW
  <option value="Mercedes">Mercedes
  <option value="Volvo">Volvo
</select>
عندما تقوم بتغيير اختيار سيارة جديدة، يتم تنشيط وظيفة تظهر قيمة السيارة المختارة.
<p id="demo"></p>
<script>
function myFunction() {
  var x = document.getElementById("mySelect").value;
  document.getElementById("demo").innerHTML = "You selected: " + x;
}
</script>
</body>
</html>
اختبر لمعرفة ‹/›

تطابق المتصفحات

IEFirefoxOperaChromeSafari

دعم جميع المتصفحات الشائعة الخاصية حدث onchange

التعريف والاستخدام

يتم إطلاق خاصية onchange عند تغيير قيمة العنصر.

إشارة: هذا الحدث يشبه حدث oninput. الفرق يكمن في أن حدث oninput يحدث فور تغيير قيمة العنصر، بينما يحدث حدث onchange عند فقدان العنصر التركيز. الفرق الآخر هو أن حدث onchange يمكن أن يطبق أيضًا على العنصر <select>.

الفرق بين HTML 4.01 و HTML5

بدون فرق.

القواعد

<عنصر onchange="سكربت">

قيمة الخاصية

القيمةالوصف
سكربتيحدد السكربت الذي سيتم تنفيذه عند إطلاق أحداث onchange.
خصائص أحداث HTML