Giá trị value của form trong jQuery

Để làm việc với thuộc tính value của các phần tử input cũng có thể sử dụng phương thức val, phương thức này cho phép đọc và ghi giá trị mới.

Hãy xem xét một ví dụ. Giả sử chúng ta có mã HTML sau:

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

Hãy ghi một giá trị mới 'www' vào thuộc tính value:

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

Mã HTML sẽ trở thành như thế này:

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

Bây giờ hãy hiển thị giá trị hiện tại lên màn hình:

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

Ngoài ra, phương thức val còn cho phép áp dụng một hàm cho từng phần tử trong bộ sưu tập. Hàm nhận tham số đầu tiên là chỉ số hiện tại trong bộ sưu tập, và tham số thứ hai là giá trị hiện tại của nó.

Còn một điểm nữa - đối với thẻ textarea không thể lấy nội dung bên trong thông qua phương thức html. Để làm điều này cần sử dụng phương thức val.

Hãy xem xét mã HTML sau:

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

trong mã Javascript, chúng ta gọi phương thức val:

javascriptalert($('#test').val()); // sẽ hiển thị '!!!'

Có lẽ điều này được thực hiện để thống nhất cách thức làm việc với các form.