获取input文本框中的值

什么是使用jQuery获取和呈现input值的方法？

这里是一个：

<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

您只能通过以下两种方式select一个值：

 // 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(); 

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

但：

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

将从DOM / HTML返回值。

Answer 4

你可以直接得到value属性，因为你知道它是一个<input>元素，但是.val()当前用法已经是当前的了。

对于上述，直接在DOM元素上使用.value ， 如下所示 ：

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

Answer 5

我认为这个function在以前的答案中是错过的

 .val( function(index, value) ) 

Answer 6

你可以得到这样的价值：

 this['inputname'].value 

Answer 7

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

例如，

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

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

Answer 8

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

方法 – 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(); 

将值设置为input

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

我只是添加一个属性到input字段。 value=""属性是我们在input字段中input的文本内容。

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

方法 – 3

你可以直接在你的input元素上使用这个。

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