jquery如何获取text的值

1、定义一个text

专业从事网站建设、成都网站制作,高端网站制作设计,微信平台小程序开发,网站推广的成都做网站的公司。优秀技术团队竭力真诚服务，采用H5场景定制+CSS3前端渲染技术，成都响应式网站建设公司，让网站在手机、平板、PC、微信下都能呈现。建站过程建立专项小组，与您实时在线互动，随时提供解决方案，畅聊想法和感受。

input type='text' id='test'/

2、通过id获取该text对象

var ipt = $('#test');//根据id获取input对象

3、使用val获取text的值

var v = ipt.val();//获取input的值

如何用jquery获取中输入的值？

这个问题包含两个方面：

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"

trtd 会员编号：/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

jquery 获取text值

首先，html属性中有两个方法，一个有参，一个无参

1. 无参html（）：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个String

例子：

html页面代码：divpHello/p/div

jquery代码：$("div").html();

结果：Hello

2.有参html（val）：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象

html页面代码：div/div

jquery代码：$("div").html("pNice to meet you/p");

结果：[ divp Nice to meet you/p/div ]

其次，text属性中有两个方法，一个有参，一个无参

1. 无参text（）：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String

例子：

html页面代码：pbHello/b fine/p

pThank you!/p

jquery代码：$("p").text();

结果：HellofineThankyou!

2.有参text（val）：设置所有匹配元素的文本内容, 与 html() 类似, 但将编码 HTML (将 "" 和 "" 替换成相应的HTML实体).返回一个jquery对象

html页面代码：pTest Paragraph./p

jquery代码：$("p").text("bSome/b new text.");

结果:[ pbSome/b new text./p ]

最后，val（）属性中也有两个方法，一个有参，一个无参。

1.无参val（）：获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。

返回的是一个String、 array

例子：

html页面代码 ：

代码如下:

p/pbr/

select id="single"

optionSingle/option

optionSingle2/option

/select

select id="multiple" multiple="multiple"

option selected="selected"Multiple/option

optionMultiple2/option

option selected="selected"Multiple3/option

/select

jquery

代码：$("p").append( "bSingle:/b " + $("#single").val() + "

bMultiple:/b " + $("#multiple").val().join(", "));

结果:[ pbSingle:/bSinglebMultiple:/bMultiple, Multiple3/p]

2.有参val（val）：设置每一个匹配元素的值。在 jQuery 1.2, 这也可以为check,select,radio元件赋值,返回一个jquery对象

html页面代码：

input type="text"/

jquery代码：$("input").val("hello world!");

结果：hello world!

本文名称：关于jquery获取text的值的信息
浏览路径：http://chengdu.cdxwcx.cn/article/hoogjd.html