猿问
下载APP

请问怎样用jquery得到文本框的值?

怎样用jquery得到文本框的值


慕沐林林
浏览 97回答 4
4回答

炎炎设计

当已知文本框的id属性时,<input type="text" id="userName">方法一:var userName = $("#userName").attr("value");方法二:var userName=$("userName").value();<input type="text" name="one" value="5"/>用jquery怎么得值所以正确的方法应该是<input type="text" id="one" value="5" />$("#one").val();拓展资料作用是快速获取文档元素,jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。提供漂亮的页面动态效果,jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。

慕斯卡3215842

首先编写一个HTML,代码如下:[plain]&nbsp;view plain&nbsp;copy<form&nbsp;id="form1">&nbsp;&nbsp;<table&nbsp;border="0">&nbsp;&nbsp;<tr>&nbsp;&nbsp;<td>&nbsp;&nbsp;姓名:&nbsp;&nbsp;</td>&nbsp;&nbsp;<td>&nbsp;&nbsp;<input&nbsp;id="name"&nbsp;name="name"&nbsp;type="text"&nbsp;/>&nbsp;&nbsp;</td>&nbsp;&nbsp;</tr>&nbsp;&nbsp;</table>&nbsp;&nbsp;</form>&nbsp;&nbsp;方法//&nbsp;方法一&nbsp;var&nbsp;name&nbsp;=&nbsp;document.getElementById("name").value;&nbsp;&nbsp;alert(name);&nbsp;//&nbsp;方法二&nbsp;&nbsp;name&nbsp;=&nbsp;form1.name.value;&nbsp;&nbsp;alert(name);&nbsp;&nbsp;//&nbsp;方法三&nbsp;jquery&nbsp;&nbsp;name&nbsp;=&nbsp;$("#name").val();&nbsp;&nbsp;alert(name);&nbsp;&nbsp;//&nbsp;方法四&nbsp;jquery&nbsp;name&nbsp;=&nbsp;&nbsp;$("input[id='name']").val();&nbsp;&nbsp;//&nbsp;方法五&nbsp;jquery&nbsp;&nbsp;name&nbsp;=&nbsp;$("#name").attr("value");&nbsp;&nbsp;alert(name);&nbsp;&nbsp;//&nbsp;方法六&nbsp;jquery&nbsp;&nbsp;name&nbsp;=&nbsp;$("input[id='name']").attr("value");&nbsp;&nbsp;alert(name);&nbsp;&nbsp;

qq_笑_17

<html>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<head>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script&nbsp;language="javascript">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;print(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;a=myform.name.value;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(a);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</script>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</head>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<body>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<form&nbsp;name="myform">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="text"&nbsp;name="name"&nbsp;id="nn"&nbsp;/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="button"&nbsp;name="button"&nbsp;value="获取"&nbsp;onclick="print()"&nbsp;/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</form>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</body>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</html> &nbsp; &nbsp;这是获取网页input值的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值,并把值赋给a,最后用JavaScript的alert()打印方法打印出来。

MM们

实现方法:<input type="text" id="test" name="test" value="5" /><script>$(function(){alert($("#test").val())//弹出文本框值})</script>jq获取文本框值:1、使用id来获取$("#test").val();2、使用name属性获取:$("input[name='test']").val()测试:
打开App,查看更多内容
随时随地看视频慕课网APP
我要回答