获取输入文本框中的值。

Question

获取输入文本框中的值。使用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"  />

Answer 1

//Get

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

//Set

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

Answer 2

您只能通过以下两种方式选择一个值：

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

Answer 3

有一件重要的事情要提到：

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

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

但是：

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

将从DOM/HTML返回值。

Answer 4

你可以得到value属性，因为您知道这是一个<input>元素，但您当前使用的.val()已经是现在的了。

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

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