如何用jquery获取input中输入的值
2个回答
展开全部
这个问题包含两个方面: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());
});
})
$("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());
});
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询