Как получить содержимое текстового поля (input) с помощью jQuery.

Предположим, что на веб-странице есть текстовое поле вот такого формата.

<input type="text">

Иногда возникает необходимость вытащить текст, который в это текстовое поле будет вводить пользователь.

Здесь есть два варианта:

1. Нам нужен текст, который задан для текстового поля по умолчанию в атрибуте value.

<input type="text" value="Пример">

В этом случае, получить значение этого атрибута можно вот так:

$(".mytext").attr("value")

Как это работает, можно посмотреть на следующем живом примере.

2. Нужен текст, который пользователь будет вводить в это текстовое поле.

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

$('. mytext ').val()

Посмотрите на следующий пример и попробуйте ввести в это текстовое поле какой-либо текст.

$(document).ready ( function(){

$(".mytext").keyup(function() {
 $('#contenInput').text($(".mytext").val());
});

});