在输入文本框中获取值

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

这是一个:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#txt_name").keyup(function(){
            alert($(this).val());
        });
    })
</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 返回值。

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

对于以上内容,只需直接在 DOM 元素上使用.value即可, 如下所示

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

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

方法 - 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

this指的是包含输入形式。

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

例如,

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

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

对于像我这样的人,他们是 JS 的新手,并且获取undefined的值而不是文本值,请确保您的id不包含无效字符

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

首先,您获得像

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

在输入中获得值设置后

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