محرر ويب أونلاين

<!DOCTYPE html>
<html>
<body>
    <h1>Javascript Detect If Value Is Changed</h1>
    
    <select id="select">
        <option value="BMW">BMW</option>
        <option value="Honda">Honda</option>
        <option value="Toyota">Toyota</option>
    </select>
    
    <p id="status">Select value is not changed yet.</p>

    <script>
        // select في متغير إسمه select يساوي id هنا قمنا بتخزين العنصر الذي يملك
        let select = document.querySelector('#select');
        
        // status في متغير إسمه status يساوي id هنا قمنا بتخزين العنصر الذي يملك
        let status = document.querySelector('#status');
        
        // select للعنصر الذي يمثله المتغير change هنا قمنا بإضافة الحدث
        // هذا الحدث يتم تنفيذه كلما قام تم تغيير القيمة الحالية للعنصر
		select.addEventListener('change', () => {
            // status الجديدة سيتم عرضها في العنصر select قيمة العنصر
            status.innerHTML = 'Selected value = ' + select.value;
        });
	</script>
</body>
</html>