Как прочитать значение input, textarea используя jQuery?

· jQuery и Снипеты · 1 мин чтения

Чтение данных textarea или input является самой простой задачей в jQuery. Можно воспользоваться функцией .val(), которая выдаст все что введено в input или textarea.

Я написал небольшой скрипт, который упрощает работу с чтением разных полей.

Демо

HTML

<input type="text" class="element" value="Значение" />


<div id="read"></div>

jQuery

$(function() {
    function readValue(value) {
        return $(value).val();
    }
      
  
    $('#read').html( readValue('.element') );
    
    $('.element').keyup(function(){
      $('#read').html( readValue('.element') );
    });
});

 

Результатом выполнения данного скрипта будет то, что вы введете.

Данный код можно использовать по разному. Меняйте его на свое усмотрение. Функция readValue() берет в себя значения class или id и должно включать в себя или «.» для класса или «#» для id. Выше можно посмотреть рабочий пример.

На этом все. Если у вас появился вопрос, то вы можете задать его ниже в комментарии под этой записью.