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

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

9 ответов:

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

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

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

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

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

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

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

но:

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

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

77

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

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

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

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

.val( function(index, value) )
14

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

this['inputname'].value

здесь this относится к форме, содержащей входные данные.

12

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

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

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

метод-3

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

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

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

например,

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

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

5

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

0