在输入文本框中获取值

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

2699099 次浏览

您可以直接获得value属性,因为您知道它是<input>元素,但您当前对#2的使用已经是当前的。

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

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

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

// First way to get a valuevalue = $("#txt_name").val();
// Second way to get a valuevalue = $("#txt_name").attr('value');

如果你想直接使用JavaScript来获取值,方法如下:

document.getElementById('txt_name').value

我认为在之前的回答中,这里漏掉了这个函数:

.val( function(index, value) )
//Getvar bla = $('#txt_name').val();
//Set$('#txt_name').val(bla);

你可以得到这样的值:

this['inputname'].value

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

有一件重要的事情需要提一下:

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

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

但是:

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

将从DOM/HTML返回值。

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

例如,

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

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

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

方法- 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元素上使用这个选项。

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

对于那些像我一样是JS新手,得到undefined而不是文本值确保您的#1不包含无效字符的人。

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

首先,你得到的值是

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

在输入中得到一个值集之后

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

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

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

最短的

txt_name.value

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

你可以试试

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

输入字段的名称是quantity