获取输入文本框中的值

Question

如何使用jQuery获取和渲染输入值？这是一种方法：

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<input type="text" id="txt_name" />

- Bharanikumar

---

使用以下代码：var value=$('#txt_Name').val(); 您也可以使用jquery设置值。请查看此帖子：http://coding-issues.blogspot.in/2013/10/how-to-setget-textbox-value-using.html - Ranadheer Reddy

Answer 1

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

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

- Conrad

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 

- RJD22

Answer 3

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

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

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

但是：

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

将返回DOM/HTML中的值。

- Artur79

Answer 4

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

对于上述情况，只需直接在DOM元素上使用.value，像这样:

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

- Nick Craver

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);
});

- Arun V Jose

Answer 6

我认为之前的回答中缺少了这个函数：

.val( function(index, value) ) 

- dilip kumbham

Answer 7

你可以像这样获取值：

this['inputname'].value

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

- SO is full of Monkeys

Answer 8

为了获取文本框的值，您可以使用jQuery的val()函数。

例如， $('input:textbox').val() - 获取文本框的值。 $('input:textbox').val("new text message") - 设置文本框的值。

- Yuval

Answer 9

你可以简单地在文本框中设置值。

首先，你可以获取值，例如：

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

在输入框中设置一个值后，例如：

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

- Muddasir23

Answer 10

对于像我一样的JavaScript新手，如果你得到了undefined而不是文本值，请确保你的id不包含无效字符。

- Mikhail Sirotenko