Jquery eğitim serimize devam ediyoruz bu derste
.val() komutunu göreceğiz.Val() form elemanlarından veri almamızı sağlar.Normalde html elemanlarının içeriğini text() veya html() ile alırdık ama form elemanlarını bunlarla alamayız.Form elemanlarını o yüzden val() komutu ile alacağız.Şimdi kodumuza bakalım.
var isim=$(".isim").val();
Yularda isim clasına sahip alandan değerini aldık ve değişkene atadık.Eğer bu form elemanı değilse kod işe yaramaz.Peki form elemanın içeriğine değer nasıl yazdırabiliriz derseniz.
$(".isim").val("Buraya isim yaz");
İsim clasına ait yere bir yazı yazdırdık.
Genel örnek :
<!DOCTYPE html>
<html lang="en">
<head>
<title>cArleone</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
var isim=$(".isim").val();
alert(isim)
$(".konu").val("Burası konu için.")
})
</script>
<style type="text/css">
.alan{width:100px;height:100px;background:red;}
</style>
</head>
<body>
<input type="text" class="isim" value="Buraya isim yaz." />
<textarea cols="30" rows="10" class="konu"></textarea>
</body>
</html>
Yukarda ilk inputun değerini alıp uyarı verdirdik daha sonra textareayenın içine bir metin girdik.Form elemanlarıyla işlemi bu şekilde yapıyoruz.
UstaDerslik
