Ответ 1
//Get
var bla = $('#txt_name').val();
//Set
$('#txt_name').val(bla);
Каковы способы получения и отображения входного значения с помощью 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" />
//Get
var bla = $('#txt_name').val();
//Set
$('#txt_name').val(bla);
Вы можете выбрать значение только двумя способами:
// 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) )
Вы должны использовать различные способы получения текущего значения элемента ввода.
МЕТОД - 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);
});
Вы можете получить значение следующим образом:
this['inputname'].value
Где this
относится к форме, содержащей входные данные.
Чтобы получить значение текстового поля, вы можете использовать функцию jQuery val()
.
Например,
$('input:textbox').val()
- Получить значение текстового поля.
$('input:textbox').val("new text message")
- Установите значение текстового поля.
Для тех, кто, как я, являются новичками в JS и получают undefined
вместо текстового значения , убедитесь, что ваш id
не содержит недопустимых символов.
Вы можете просто установить значение в текстовом поле.
Во-первых, вы получаете значение как
var getValue = $('#txt_name').val();
После получения значения, установленного на входе, как
$('#txt_name').val(getValue);
Попробуй это. Это будет работать наверняка.
var userInput = $('#txt_name').attr('value')