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

Question

Как можно получить и отобразить входное значение с помощью 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"  />

Answer 1

//Get
var bla = $('#txt_name').val();

//Set
$('#txt_name').val(bla);

Answer 2

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

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

Answer 3

Следует упомянуть одну важную вещь:

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

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

Но:

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

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

Answer 4

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

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

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

Answer 5

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

МЕТОД - 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="" />

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

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

МЕТОД - 3

Вы можете использовать это прямо на вашем input элемент.

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

Answer 6

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

.val( function(index, value) ) 

Answer 7

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

this['inputname'].value

куда this относится к форме, которая содержит ввод.

Answer 8

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

Например,

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

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

Answer 9

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

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

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

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

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

Answer 10

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

Answer 11

Попробуй это. Это будет работать наверняка.

var userInput = $('#txt_name').attr('value')

Answer 12

Чистый JS

txt_name.value

txt_name.onkeyup = e=> alert(txt_name.value);

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

Answer 13

Можешь попробовать

      let quantity = $('input[name = quantity]').val()

где имя поля ввода - количество