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

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

// 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 

Есть одна важная вещь:

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

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

Но:

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

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

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

Для вышесказанного просто используйте .value непосредственно в элементе DOM, как это:

$(document).ready(function(){
  $("#txt_name").keyup(function(){
    alert(this.value);
  });
});

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

.val( function(index, value) ) 

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

this['inputname'].value

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

МЕТОД - 1

Если вы хотите использовать простой .val(), попробуйте следующее:

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

Получить значения из Input

// 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="" />

Я просто добавляю один атрибут в поле ввода. Атрибут value="" - это тот, кто несет текстовое содержимое, которое мы ввели в поле ввода.

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

МЕТОД - 3

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

$("input").keyup(function(){
    alert(this.value);
});

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

Например,

$('input:textbox').val() - Получить значение текстового поля.

$('input:textbox').val("new text message") - Установите значение текстового поля.