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

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

这个问题包含两个方面：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());

});

})

相关问答

Q1: 怎么使用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个文本框

Q2: jquery怎么获取文本框的值

引入jquery核心js文件

2

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

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

3

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

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

4

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