使用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> <输入类型=“文本” id=“txt_name” />


当前回答

只能通过以下两种方式选择:

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

其他回答

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

例如,

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

$('文本框输入:')。val("new text message") -设置文本框的值。

最短的

txt_name.value

txt_name。Onkeyup = e=> alert(txt_name.value); <input type="text" id="txt_name" />

你可以试试

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

输入字段的名称是quantity

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

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

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

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

将值设置为输入

// 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").keyup(function(){
    alert(this.value);
});