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

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

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

首先，你得到的值是

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

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

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

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

对于上述情况，只需直接在DOM元素上使用.value，如下所示:

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

最短的

txt_name.value

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

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

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

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

But:

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

将从DOM/HTML返回值。

对于那些像我一样是JS新手，获得未定义而不是文本值的人，请确保您的id不包含无效字符。