Javascript onchange kullanımı

sezaialkan
Sezai Alkan Frontend Developer

Javascript onchange kullanımında bir form elemanında bir veriyi seçme veya veri girişi sağlanması durumunda onchange özelliği tetiklenmektedir.

Kullanımı : onchange=""

Bir select box üzerinde seçim sağlanması veya inputa bir veri girişi sonrası onchange tetiklenmektedir.

<select onchange="simple()" id="boxim">
	<option>Porche</option>
	<option>Audi</option>
	<option>Bmw</option>
</select>
function simple(){

	var yenisecilen = document.querySelector("#boxim").value;

	console.log(yenisecilen + " Öğesi seçildi");

}

Yukarıdaki örnekte select box üzerinde seçme işlemi sonrası console a seçilen değeri yazdırmaktadır. aynı işlevi bir input üzerinde de deneyimlenebilmektedir.

input üzerinde var olan veriden farklı bir veri girilmemesi durumunda onchange özelliği çalışmayacaktır.

onchange özelliği mevcut değerin değişmesi durumunu dinlemektedir.

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol