在输入文本框中获取值

使用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楼

我认为在以前的答案中错过了这个功能

.val( function(index, value) )

#2楼

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

#3楼

你可以得到这样的价值：

this['inputname'].value

this指的是包含输入的表单。

#4楼

有一件重要的事情需要提及：

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

将返回文本字段的当前实际值，例如，如果用户在页面加载后键入了某些内容。

但：

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

将从DOM / HTML返回值。

#5楼

要获取文本框值，可以使用jQuery val()函数。

例如，

$('input:textbox').val() - 获取文本框值。

$('input:textbox').val("new text message") - 设置文本框值。

#6楼

您可以直接获取value属性，因为您知道它是<input>元素，但您当前使用的.val()已经是当前的。

对于上面的内容，只需在DOM元素上直接使用.value ，如下所示：

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

#7楼

您只能通过以下两种方式选择值：

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

#8楼

您必须使用各种方法来获取输入元素的当前值。

方法 - 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楼

对于那些喜欢我的人来说，他们是JS中的新手并且undefined而不是文本值，请确保您的id不包含无效字符 。

#10楼

您只需在文本框中设置值即可。

首先，你得到的价值就像

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

在输入中获得值设置之后

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

#11楼

试试这个。它肯定会起作用。

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