Jquery eğitim serimizin bu derimizde
.change() methodunu anlatacağım.Change methodu bir objemizin içeriği değiştiğinde yakalamamızı sağlıyor.
Yani inputa bir şey yazıp bir yere tıklarsak bunu yakalar.Yada bir selectin içeriği değiştirdiğimizde yada bir file ile bir şey seçtiğimiz ... anları yakalar bizde işlem yapabiliriz.
$(".alan").change(function(){
//işlem
})
Temel yapısı bu şekilde.
<script type="text/javascript">
$(function(){
$("input").change(function(){
alert("Değişti");
})
})
</script>
Yukarda bir inputumuzun değeri değiştiğinde alert ile değişti uyarısı ver dedik.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<title>UstaDerslik</title>
<script type="text/javascript">
$(function(){
$("#dersler").change(function(){
var ders=$(this).val();
alert(ders);
})
})
</script>
</head>
<body>
<select id="dersler">
<option>css</option>
<option>javascript</option>
<option>jquery</option>
</select>
</body>
</html>
Yukarıda selectimizin değeri değişirse.Değerini al ve alert ile uyari ver dedik.Change methodu bu kadar.Objelerimizin içeriğini değiştiğini bu şekilde anlayıp işlemlerimizi yapabiliriz.Önemli bir özelliktir.