十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这个问题包含两个方面:jquery选择器(即针对你指定的那个input元素)和获取内容(即获得输入的值),所以综合起来有如下代码可以实现
成都网站建设公司更懂你!创新互联建站只做搜索引擎喜欢的网站!成都网站制作前台采用搜索引擎认可的DIV+CSS架构,全站HTML静态,H5场景定制+CSS3网站,提供:网站建设,微信开发,小程序定制开发,成都商城网站开发,app软件开发,域名注册,服务器租售,网站代托管运营,微信公众号代托管运营。
$("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());
});
})
文本框属于表单字段,jQuery
提供了val()
方法用以设置或返回表单字段的值,语法为$(selector).val()。下面根据不同情形,演示获取div下面一个文本框的值的方法:
1、如果已知文本框的某些属性,例如id,class,name:
$("#demo_text").val();
//
直接根据id获取
$("#test
:text.demo_text").val();
//
根据class获取
$("#test
:text[name='demo_text']").val();
//
根据name获取
2、如果已知文本框的相对位置
$("#test
:text").first().val();
//
第一个
$("#test
:text").last().val();
//
最后一个
$("#test
:text").eq(1).val();
//
#test下的第2个文本框
引入jquery核心js文件
2
创建jquery页面加载后执行的函数,使用jquery获取文本框的值,并弹出值
$(document).ready(function(){ alert($("input[name=demo]").val());});
3
创建input文本框value="测试值"
input type="text" name="demo" value="测试值"/
4
刷新页面后就会弹出“测试值”文本框