Просмотров: 22 489

Как получить содержимое текстового поля (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());
});

});

Кстати, если вам будет интересно, я занимаюсь настройкой систем веб-аналитики для сайтов (Яндекс Метрика и Google Analytics).

Если вы хотели бы сделать ваш сайт более эффективным и, чтобы он приносил больше денег, веб-аналитика может в этом помочь.

С помощью инструмента «Цели» вы можете добиться хороших результатов в этом деле. Подробнее здесь.

  • http://facebook.com/profile.php?id=100001780492890 Дмитрий Павличенко

    function check() {
    if ($(‘#input’).val() >= 2)
    $(‘#button’).removeAttr(‘disabled’);
    $(«#contenInput»).text($(«.mytext»).attr(«value»));
    else
    $(‘#button’).attr(‘disabled’,’disable’);
    }


    Мне нужно что бы после ввода более двух символов не только активировались кнопка, но и запускался другой скрипт. Если до else что либо вставить, то функция вообще перестаёт работать.

  • http://facebook.com/profile.php?id=100001509318489 Максим Невмержицкий

    Скажите а как значение введенное в поле передать в php mail?