Получение значения в текстовом поле ввода

Какими способами можно получить и отобразить вводимое значение с помощью jQuery?

Вот один из них:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#txt_name").keyup(function(){
            alert($(this).val());
        });
    })
</script>

<input type="text" id="txt_name"  />
Комментарии к вопросу (1)
Решение
//Get
var bla = $('#txt_name').val();

//Set
$('#txt_name').val(bla);
Комментарии (5)

Вы можете выбрать значение только двумя следующими способами:

// First way to get a value
value = $("#txt_name").val(); 

// Second way to get a value
value = $("#txt_name").attr('value');

Если вы хотите использовать прямой JavaScript для получения значения, вот как это сделать:

document.getElementById('txt_name').value 
Комментарии (6)

Есть одна важная вещь, чтобы отметить:

$("#txt_name").val();

возвращает текущее реальное значение текстового поля, например если пользователь ввел что-то есть после загрузки страницы.

Но:

$("#txt_name").attr('value')

возвращает значение из DOM и HTML.

Комментарии (0)

Вы можете получить атрибут value напрямую, так как знаете, что это элемент <input>, но ваше текущее использование .val() уже является текущим.

В этом случае просто используйте .value непосредственно на элементе DOM, [как здесь][2]:

$(document).ready(function(){
  $("#txt_name").keyup(function(){
    alert(this.value);
  });
});
Комментарии (2)

Вы должны использовать различные способы, чтобы получить текущее значение элемента input.

Метод - 1

Если вы хотите использовать простой.функция val()`, попробуйте это:

<input type="text" id="txt_name" />

Получать значения из входного сигнала

// use to select with DOM element.
$("input").val();

// use the id to select the element.
$("#txt_name").val();

// use type="text" with input to select the element
$("input:text").val();

Установить значение входного сигнала

// use to add "text content" to the DOM element.
$("input").val("text content");

// use the id to add "text content" to the element.
$("#txt_name").val("text content");

// use type="text" with input to add "text content" to the element
$("input:text").val("text content");

Метод - 2

Использование .буква attr (), чтобы получить контент.

<input type="text" id="txt_name" value="" />

Я просто добавить один атрибут с полем ввода. значение=" и на" атрибут-это тот, кто носит текстовый контент, который мы ввели в поле ввода.

$("input").attr("value");

Метод - 3

вы можете использовать это непосредственно на элемент вашего "вклада".

$("input").keyup(function(){
    alert(this.value);
});
Комментарии (0)

Я думаю, что эта функция пропущена в предыдущих ответах.

.val( function(index, value) ) 
Комментарии (0)

Вы можете получить значение, как это:

this['inputname'].value

Где это относится к форме, содержащий входной.

Комментарии (1)

Чтобы получить значение текстового поля, вы можете использовать jQuery с функция val() функция.

Например,

$(&#39;вход:текстовое поле&#39;).функция val() – получить текстовое поле Значение.

$(&#39;вход:текстовое поле&#39;).функция val("в новое текстовое сообщение и") – установить значение текстового поля.

Комментарии (0)

Для тех, кто как и я новички в JS и становится "неопределенным", а не текстовое значение убедитесь, что ваш код не'т содержать недопустимые символы.

Комментарии (0)

Вы можете просто установить значение в текстовое поле.

Во-первых, вы получаете значение, как

var getValue = $('#txt_name').val();

После получения набора значений во входных данных, как

$('#txt_name').val(getValue);
Комментарии (0)

Попробуйте это. Он будет работать точно.

var userInput = $('#txt_name').attr('value')
Комментарии (0)