使用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" />
你必须使用各种方法来获取输入元素的当前值。
方法 - 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);
});
你可以得到这样的值。
this['inputname'].value
其中 "this "指的是包含输入的表格。