【问题标题】：Get the value in an input text box获取输入文本框中的值
【发布时间】：2011-05-04 13:26:30
【问题描述】：

使用 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" />

【问题讨论】：

使用这个代码：var value=$('#txt_Name').val();您还可以使用 jquery 设置值。请看这篇文章：coding-issues.blogspot.in/2013/10/…

标签： html jquery jquery-selectors textinput html-input

【解决方案1】：

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

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

【讨论】：

@Prabs，问题是：“使用 jQuery 获取和呈现输入值的方法有哪些？”，标签不是输入。

【解决方案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

【讨论】：

【解决方案3】：

有一件重要的事情要提：

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

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

但是：

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

将从 DOM/HTML 返回值。

【讨论】：

【解决方案4】：

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

以上情况，直接在DOM元素上使用.value，like this：

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

【讨论】：

【解决方案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);
});

【讨论】：

【解决方案6】：

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

.val( function(index, value) )

【讨论】：

【解决方案7】：

你可以得到这样的值：

this['inputname'].value

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

【讨论】：

【解决方案8】：

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

例如，

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

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

【讨论】：

【解决方案9】：

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

首先，你得到类似的值

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

在输入中设置值后

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

【讨论】：

【解决方案10】：

对于像我一样是 JS 新手并获得 undefined 而不是文本值的人确保您的 id 不包含无效字符。

【讨论】：

【解决方案11】：

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

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

【讨论】：

【解决方案12】：

你可以试试

let quantity = $('input[name = quantity]').val()

输入字段的名称是数量

【讨论】：

【解决方案13】：

最短的

txt_name.value

txt_name.onkeyup = e=&gt; alert(txt_name.value);

&lt;input type="text" id="txt_name" /&gt;

【讨论】：