jquery获取文本框的值,jquery中获取元素文本的方法

jquery 怎么获取文本框输入的值

这个问题包含两个方面: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获取div下面一个文本框的值

文本框属于表单字段,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怎么获取文本框的值

引入jquery核心js文件

2

创建jquery页面加载后执行的函数,使用jquery获取文本框的值,并弹出值

$(document).ready(function(){ alert($("input[name=demo]").val());});

3

创建input文本框value="测试值"

input type="text" name="demo" value="测试值"/

4

刷新页面后就会弹出“测试值”文本框


网站名称:jquery获取文本框的值,jquery中获取元素文本的方法
浏览地址:http://bzwzjz.com/article/dssippd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 重庆网站建设 成都网站设计 手机网站制作设计 成都定制网站建设 品牌网站建设 网站制作 成都网站建设 重庆网站制作 响应式网站建设 品牌网站建设 网站制作 成都网站设计 成都网站建设 专业网站建设 成都网站制作公司 成都网站建设 泸州网站建设 高端网站设计 企业网站建设 成都网站制作 网站制作 成都网站设计