Javascript onchange kullanımı

Sezai Alkan Frontend Developer

#javascript #js #onchange

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.