协慌网

使用 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 返回值。