value форм в jQuery

Для работы с атрибутом value инпутов также можно использовать метод val, который позволяет считывать и записывать новые значения.

Рассмотрим пример. Пусть у нас есть следующий HTML код:

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

Давайте запишем новое значение 'www' в атрибут value:

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

HTML код станет выглядеть так:

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

А теперь давайте выведем текущее значение на экран:

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

Также для метода val доступно применение функции к каждому элементу в наборе. Функция принимает первым параметром текущий номер в наборе, а вторым - его текущее значение.

Есть еще один нюанс - для тега textarea нельзя получить внутреннее содержимое через метод html. Для этого нужно пользоваться методом val.

Рассмотрим следующий HTML код:

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

в Javascript коде прописываем метод val:

javascriptalert($('#test').val()); // выведет '!!!'

Скорее всего это сделано для однотипности работы с формами.