使用 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" />//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 返回值。
您必须使用各种方法来获取输入元素的当前值。
方法 - 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);
});
我认为以前的答案中缺少此功能：
.val( function(index, value) )
你可以得到这样的值：
this['inputname'].value
wherethis是指包含输入的表单。
要获取文本框的值，可以使用 jQueryval()函数。
例如，
$('input:textbox').val()– 获取文本框值。
$('input:textbox').val("new text message")– 设置文本框值。
您可以简单地在文本框中设置值。
首先，你得到像
var getValue = $('#txt_name').val();
在输入中设置一个值后，例如
$('#txt_name').val(getValue);
对于像我一样是 JS 新手并获取undefined而不是文本值的人，请确保您的内容id不包含无效字符。
试试这个。它肯定会起作用。
var userInput = $('#txt_name').attr('value')
你可以试试
let quantity = $('input[name = quantity]').val()
其中输入字段的名称是数量
txt_name.value
txt_name.onkeyup = e=> alert(txt_name.value);<input type="text" id="txt_name" />