协慌网

登录 贡献 社区

在输入文本框中获取值

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