如何用jquery获取<input id="test" name="test" type="text"/>中输入的值?
这个问题包含两个方面:
1、jquery选择器(即针对你指定的那个input元素)
2、获取内容(即获得输入的值),所以综合起来有如下代码可以实现
具体操作如下:
1、创建一个文本框和一个触发获取文本框输入内容的按钮
2、简单设置一下css样式
3、添加jquery代码
扩展资料
js获取文本框值
1.通过getElementById() 方法获得,必须为文本框设定ID值,该方法获得的是一个对象的应用(返回值为:Object),要获得文本框的值需添加属性值--value,如:
<input type="早漏text" size="10" id="port11"轮睁告 name="port11" />
获值代码:document.getElementById("port11").value;
2、要获得标签<h1>中间的值,方法如下:
<h1 id="you">12345</h1>
document.getElementById("you").innerHTML;
返回值为腊明:12345
3、如果是表单(<form>)中的文本框,还可以通过以下方式获得值:
<form name="form1" method="post" action="manager.do?action=login">
<tr><td >会员编号:</td>
<td ><input name="memberNo" type="text" id="memberNo" size="21" ></td>
<td ><input name="Submit" type="submit" value="确定" onClick="return check(form1)"
</tr>
</form>
js中的代码:function check(form){var str = form.memberNo.value;}
这个问题包含两个方面:jquery选择器(即针对你指定的那个input元素)和获取内容(即获得输入的值),所以综合起来有如下代码可以实现
$("input#test").val(); // 推荐这种方式,因为id是唯一的
$("input[name='test']").val(); // 此时需要注意是否有同名的input元素
$("input:text").val(); // 这种方式只有整腔兄陪个网页只有一个文本输入框才是正确的
下面给出示例:
创建一个文本框和一个触尘岩发获取文本伍蠢框输入内容的按钮
<input id="test" name="test" type="text"/><br>
<input type="button" value="显示文本框输入内容">简单设置一下css样式
input[type='text']{width:200px;height:35px;margin:10px;border:1px dashed green; border-radius:5px;}
input[type='button']{width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;}添加jquery代码
$(function(){
$("input:button").click(function() {
alert($("input#test").val());
});
})观察显示效果
var keyword = $("#test").val();
keyword为定义的变量
然后就拿到想要的值提毁碰唤交了
不明白的可以问我,我是开发纤凯人员。
邮吵困箱:rafx_z@hotmail.com
$("input[name='悉裂举test']").val()
$("睁碧input[type='text']").val()
$("input[type='text']").attr("value")
$("#test").val("123");//设置前此id为test的值为123