jQuery'de form value değeri

Girdi öğelerinin value özniteliği ile çalışmak için val metodunu da kullanabiliriz, bu metod değerleri okumamıza ve yeni değerler yazmamıza olanak tanır.

Bir örnek ele alalım. Aşağıdaki HTML kodumuz olsun:

<input type="text" id="test" value="!!!">

Şimdi value özniteliğine yeni bir 'www' değeri yazalım:

$('#test').val('www');

HTML kodu şu şekilde görünecektir:

<input type="text" id="test" value="www">

Şimdi de mevcut değeri ekrana yazdıralım:

alert($('#test').val());

Ayrıca val metodu için, kümedeki her bir öğeye bir fonksiyon uygulama imkanı da vardır. Fonksiyon ilk parametre olarak kümedeki mevcut indeksi, ikinci parametre olarak da mevcut değeri alır.

Bir başka nüans daha var - textarea etiketi için içeriği html metodu ile elde edemeyiz. Bunun için val metodunu kullanmak gerekir.

Aşağıdaki HTML kodunu ele alalım:

<textarea id="test">!!!</textarea>

Javascript kodunda val metodunu yazıyoruz:

alert($('#test').val()); // '!!!' yazdıracak

Muhtemelen bu, formlarla çalışmanın tek tip olması için yapılmıştır.

Tüm girdilerin value değerini '!' olarak ayarlayın.

number sınıfına sahip tüm girdilerin value değerlerinde sayılar bulunuyor. Bu sayıların karelerini alacak şekilde değiştirin.

in sınıfına sahip girdinin value değerini yazdırın.

Her bir girdinin value değerini sırayla yazdırın.

text sınıfına sahip textarea öğesinin içeriğini yazdırın.