English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يمكن استخدام onchange لجلب أو تعيين وظيفة معالجة الحدث change الحالية للعنصر الحالي.
عندما يغير المستخدم اختيار عنصر <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>.
بدون فرق.
<عنصر onchange="سكربت">
| القيمة | الوصف |
|---|---|
| سكربت | يحدد السكربت الذي سيتم تنفيذه عند إطلاق أحداث onchange. |