ChatGPT解决这个技术问题 Extra ChatGPT

获取输入文本框中的值

使用 jQuery 获取和呈现输入值的方法有哪些?

这是一个:

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

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

J
Jay Rathod RJ
//Get
var bla = $('#txt_name').val();

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

P
Peter Mortensen

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

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

P
Peter Mortensen

有一件重要的事情要提:

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

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

但:

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

将从 DOM/HTML 返回值。


N
Nick Craver

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

对于上述情况,只需在 DOM 元素上直接使用 .valuelike this

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

A
Arun V Jose

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

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

A
Arsen Khachaturyan

我认为以前的答案中缺少此功能:

.val( function(index, value) ) 

P
Pranav A.

你可以得到这样的值:

this['inputname'].value

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


B
Ben

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

例如,

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

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


M
Muddasir23

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

首先,你得到像

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

在输入中设置一个值后,例如

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

M
Mikhail Sirotenko

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


h
halfelf

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

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

s
shillary

你可以试试

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

其中输入字段的名称是数量


K
Kamil Kiełczewski

最短的

txt_name.value

txt_name.onkeyup = e=> alert(txt_name.value);