HTML网页怎样js怎么获取input的值值

用html parser 来获取HTML网页中Form的各个属性名 值组 - CSDN博客
用html parser 来获取HTML网页中Form的各个属性名 值组
&1.下载HtmlParser包 地址:http://prdownloads.sourceforge.net/htmlparser/htmlparser1_6_.zip?download
2、class FormElements {&private String _elementN
&private String _elementV
&private String _elementT&&
}&public ArrayList&FormElements& httpParser(String content) {&&ArrayList&FormElements& ret = new ArrayList&FormElements&();
&&Parser myP&&NodeList nodeList =
&&myParser = Parser.createParser(content, &GBK&);
&&NodeFilter inputFilter = new NodeClassFilter(InputTag.class);&&NodeFilter selectFilter = new NodeClassFilter(SelectTag.class);
&&OrFilter lastFilter = new OrFilter();&&lastFilter&&&&.setPredicates(new NodeFilter[] { selectFilter, inputFilter });&&try {&&&nodeList = myParser.parse(lastFilter);&&} catch (ParserException e) {&&&e.printStackTrace();&&}
&&Node[] nodes = nodeList.toNodeArray();
&&for (int i = 0; i & nodes. i++) {&&&Node anode = (Node) nodes[i];&&&FormElements fe = new FormElements();&&&if (anode instanceof SelectTag) {&&&&SelectTag selectnode = (SelectTag)&&&&Vector v = selectnode.getAttributesEx();
&&&&NodeList nl = selectnode.getChildren();&&&&Node[] nl_nodes = nl.toNodeArray();&&&&int optNum = 0;&&&&String select_value = &&;&&&&for (int j = 0; j & nl_nodes. j++) {&&&&&Node optnode = (Node) nl_nodes[j];&&&&&if (optnode instanceof OptionTag) {&&&&&&optNum++;&&&&&&OptionTag opttag = (OptionTag)&&&&&&Vector vv = opttag.getAttributesEx();&&&&&&if (vv.toString().indexOf(&selected&) != -1)&&&&&&&select_value = opttag.getOptionText();&&&&&}&&&&}&&&&fe.set_elementName(selectnode.getAttribute(&name&));&&&&fe.set_elementValue(select_value);&&&&fe.set_elementType(&select&);
&&&} else if (anode instanceof InputTag) {&&&&InputTag inputnode = (InputTag)&&&&Vector v = inputnode.getAttributesEx();&&&&if ((v.toString().indexOf(&type=checkbox&) != -1)&&&&&&&& (v.toString().indexOf(&checked&) == -1)) {&&&&&fe.set_elementType(&checkbox&);&&&&&&&&&} else if ((v.toString().indexOf(&type=radio&) != -1)&&&&&&&& (v.toString().indexOf(&checked&) == -1)) {&&&&&fe.set_elementType(&radio&);&&&&&&&&&} else {&&&&&fe.set_elementType(&input&);&&&&}&&&&fe.set_elementName(inputnode.getAttribute(&name&));&&&&fe.set_elementValue(inputnode.getAttribute(&value&));&&&}&&&ret.add(fe);&&}
本文已收录于以下专栏:
相关文章推荐
(1)HTML Parser是一个用于解析Html的Java的库,可采用线性或嵌套两种方式。主要用于网页的转换或提取,他有一些特性:过滤器filter,遍历器visitors,通常的标签t...
这里贴出htmlparser2网址简介:htmlparser2是一个快速和宽容的HTML/XML/RSS解析器,解析器可以出来流,并且提供了一个回调接口。安装:npm install htmlpars...
ExampleFetch the Wikipedia homepage, parse it to a DOM, and select the headlines from the In the new...
目标:获取百度百科基本信息、信息列表、人物图片(同名情况暂不考虑)。
重点:调用开源Jar包Jsoup对HTML解析。
例子(部分类去掉,运行需改改code):
import java.io.IO...
//比较懒 最近有时间 研究了下模型与模型直接赋值的方法 此方法不仅适用于模型赋值模型
其还是用于模型赋值 view
view赋值view 即对象赋值对象
思路1、获取对象属性名
2.根据属性...
自定义PropertyPlaceholderConfigurer:
import java.util.HashM
import java.util.M
import java.uti...
**定义:**enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地,表单数据会编码为 “application/x-www-form-urlencoded”。即在发送到服务器之...
在下面的例子中,表单数据会在未编码的情况下进行发送:
First name:
Last name:
定义和用法
enctype 属性规定在发送到服务器之前应该如何对表单数据...
他的最新文章
讲师:钟钦成
讲师:宋宝华
您举报文章:
举报原因:
原文地址:
原因补充:
(最多只允许输入30个字)Javascript访问html页面的控件的几种方法...
我的图书馆
Javascript访问html页面的控件的几种方法...
访问控件的主要对象是:document对象。分别对应当前文档所有的(子对象)个人观点。并且已经提供的几个主要方法来访问对象。1.&&&&&& document.getElementById2.&&&&&& document.getElementsByName 3&&&&&&&&&& document.getElementsByTagName4&&&&&&&&&& document.all
下面我主要谈谈以上几个方法的具体用法:& 一.首先我来谈谈document.getElementById的用法。Var obj=document.getElementById(“ID”) 根据指定的ID属性值得到对象。返回id属性值等于ID的第一个对象的引用。假如对应的为一组对象,则返回该组对象中的第一个。&input name=”a” type=”text” id=”b”/&&input name=”b” type=”text” id=”a”/&& &input type=”button” name=”submint1” value=”text1” onclick=:”alert(document.getElementById(“b”)/&)”&input type=”button” name=”submint2” value=”text2” onclick=”alert(document.getElementById(“a”)/&)”我在IE中测试了上面代码,在第一个文本框中输入1,在第二个文本中输入2,然后点击两个按钮,大吃一斤。结果两个按钮都返回了第一个文本框的值。这说明了IE执行document.getElementById(elementName)的时候,返回的是第一个name或者id等于elementName的对象,并不是根据ID来查找的。但相反我在firefox中就不存在这个问题。Firefox执行document.getElementById(elementName)的时候只能查找ID等于elementName对象,如果不存在在返回null.二.下面看看document.getElementsByName的用法。Var obj=document.getElementsByName(“Name”)根据Name属性的值获取对象集合。返回name等于指定Name对象的集合。注意这里返回的是一个集合,包括只有一个元素的情况也是一个集合。document.getElementsByName("name")[0?1?2?3?....] 这样来获取某一个元素。注意javascript中的集合取一个值可以用[],也可以用(),(本人测试通过,但没有资料这么写)。如:&script&function prop(){ var objs=document.getElementsByName("a");alert(objs(0).value);//或者可以alert(objs[0].value)也正确的。}&/script&&input type="text" name="a" id="b" value="this is textbox"/&&input type="button" value="testing" /&三.Document.getElementsByTagName的用法:Var ojbs=document.getElementsByTagName(“Tag”)根据基于指定元素名称对象的集合。返回Tag属性等于指定Tag标记的集合。这里也返回的是一个集合。(同上)四.document.all用法。document.all是页面内所有元素的一个集合。例如:document.all(0)表示页面的第一个元素。Document.all(“txt”)表示页面上id或name等于txt的所有对象的单个元素和集合元素。如果页面上的id或name等于txt只有一个元素(包括name和id情况),那么document.all()的结果就只是一个元素,反之就是获取一个集合。(综合了document.getElementById和document.getElementsByName的各自的特点)。也可以这样写:document.all.txt也是一样。例如:&input&& name=aaa&& value=aaa&&input&& id=bbb&& value=bbb&&script&& language=Jscript&&&&&& alert(document.all.aaa.value)&&&& //根据name取value &&&&& alert(document.all.bbb.value)&&&& //根据id取value &/script&代码2:但是常常name可以相同(如:用checkbox取用户的多项爱好的情况)&input&& name=aaa&& value=a1& &input&& name=aaa&& value=a2&& &input&& id=bbb&& value=bbb&& &script&& language=Jscript&& &&&& alert(document.all.aaa(0).value)//显示a1&&&& alert(document.all.aaa(1).value)//显示a2 &&&& alert(document.all.bbb(0).value)//这行代码会失败&& &/script&& 理论上一个页面中的ID是互不相同的,如果出现不同的tags而有相同的id的话,document.all.id就会失败,就象这样:&input&& id=aaa&& value=a1& &input&& id=aaa&& value=a2&&script&& language=Jscript& &&&&& alert(document.all.aaa.value)//显示undefined而不是a1或者a2&/script&所以说遇到了这种情况的话用下面这种写法:&input&& id=aaa&& value=aaa1& &input&& id=aaa&& value=aaa2&&input&& name=bbb&& value=bbb&&input&& name=bbb&& value=bbb2&&input&& id=ccc&& value=ccc&&input&& name=ddd&& value=ddd& &script&& language=Jscript&alert(document.all("aaa",0).value)alert(document.all("aaa",1).value)alert(document.all("bbb",0).value)alert(document.all("bbb",1).value)alert(document.all("ccc",0).value)alert(document.all("ddd",0).value) &/script&另外document.all可以判断浏览器的种类是否是IE,document.all---------针对IEdocument.layers------------针对Netscape这两个集合.all只在ie里面有效,layers只在nc里面有效所以就可以通过这个方式来判断不同的浏览器。最后我来说说getElementById和getElementsByName使用范围:Id就像身份证号,是唯一的,name就像姓名一样可以同名。一个元素定义了id,引用该元素时直接用id属性,而name通常用在form中,且必须由document.form.***而来(document.form1.***或者document.forms[0].***或者document.all.form1或者document.all["form1"]??),也就是说,name 属性定义的元素在脚本中是document 对象的子对象。&&& 1. name用于form内元素,提交需要.&&&&&& id用于form外元素好用因为&& DOM&& 能直接取得单一元素 &&& 2.id 每页只能有一个&&&&& name 可以有多个 name&& 有些标签不推荐用它&&& 3. 表单元素(form input textarea select)与框架元素(iframe frame) 用 name这些元素都与表单&& (框架元素作用于form的target)提交有关, 在表单的接收页面只接收有name的元素 ,&& 赋ID 的元素通过表单是接收不到值的, 你自己可以验证一下有一个例外A 可以赋 name 作为锚点, 也可以赋 ID;只能赋ID不能赋name的元素:(除去与表单相关的元素都只能赋&& ID)&& body li&& table&& tr&& td&& th&& p&& div&& span&& pre&& dl&& dt&& dd&& font&& b&& 等等。这里我引出另一个问题,既然有了ID那为什么还要name呢?最直接答案:ID就像是一个人身份证号,而 name就像是他的名字,ID虽然是唯一的,但name是可以重复的。&&& 具体来说:对于ID来说,它就是Client端HTML元素的Identity 。而Name 其实要复杂的多,因为&& Name&& 有很多种的用途,所以它并不能完全由ID来代替,从而将其取消掉。&&&&& 参考网站资料如下:具体用途有:  用途&& 1:&&&& 作为可与服务器交互数据的&& HTML&& 元素的服务器端的标示,比如&& input& 、&& select&& 、&& textarea&& 、和&& button&& 等。我们可以在服务器端根据其&& Name&& 通过&& Request.Params&& 取得元素提交的值。  &&& 用途&& 2:&&&& HTML&& 元素&& Input&& type= "radio "&& 分组,我们知道&& radio&& button&& 控件在同一个分组类,&& check&& 操作是&& mutex&& 的,同一时间只能选中一个&& radio&& ,这个分组就是根据相同的&& Name& 属性来实现的。&&& 用途&& 3:&&&& 建立页面中的锚点,我们知道&& &a&& href="URL" &link &/a &&& 是获得一个页面超级链接,如果不用&& href&& 属性,而改用&& Name&& ,如:&& &a&& name="PageBottom" & &/a &&& ,我们就获得了一个页面锚点。&&& 用途&& 4:&&&& 作为对象的&& Identity&& ,如&& Applet&& 、&& Object&& 、&& Embed&& 等元素。比如在&& Applet& 对象实例中,我们将使用其&& Name&& 来引用该对象。   用途&& 5:&&&& 在&& IMG&& 元素和&& MAP&& 元素之间关联的时候,如果要定义&& IMG&& 的热点区域,需要使用其属性&& usemap&& ,使&& usemap="#name"(&& 被关联的&& MAP&& 元素的&& Name)  用途&& 6:&&&& 某些特定元素的属性,如&& attribute&& ,和&& param&& 。例如为&& Object&& 定义参数&& &PARAM&& NAME&& =&& "appletParameter"&& VALUE&& =&& "value" & .  显然这些用途都不是能简单的使用 ID来代替掉的,所以HTML元素的ID和&& Name的却别并不是身份证号码和姓名这样的区别,它们更本就是不同作用的东西。 当然HTML元素的Name属性在页面中也可以起那么一点ID的作用,因为在&& DHTML对象树中,我们可以使用 document.getElementsByName 来获取一个包含页面中所有指定Name元素的对象数组。  在这里顺便说一下,要是页面中有n(n &1) 个&& HTML&& 元素的&& ID&& 都相同了怎么办?在 DHTML&& 对象中怎么引用他们呢?如果我们使用&& ASPX&& 页面,这样的情况是不容易发生的,因为 aspnet进程在处理aspx 页面时根本就不允许有&& ID&& 非唯一,这是页面会被抛出异常而不能被正常的render。要是不是动态页面,我们硬要让&& ID&& 重复那&& IE&& 怎么搞呢?&&& 这个时候我们还是可以继续使用&& document.getElementById&& 获取对象,只不过我们只能获取ID重复的那些对象中在HTML Render时第一个出现的对象。而这时重复的&& ID会在引用时自动变成一个数组,ID重复的元素按 Render的顺序依次存在于数组中。getElementById("xxx")返回第一个id属性为"xxx"或者特定表单元素name为"xxx"的元素getElementsByName("xxx")返回所有id属性为"xxx"或者特定表单元素name为"xxx"的元素这里要说明一下其实getElementById和getElementsByName取元素的范围是一样的,区别只是前者只返回第一个元素后者返回所有元素的集合 &&&& 另外说明一下表单元素 表单元素指的是在&FORM &标签中数据可以被提交给服务器的标签主要有 &INPUT & &SELECT & &TEXTAREA &三个标签 这三个标签只有在name属性不为空的时候才能将数据提交给服务器 所以这三种标签多定义了一个name属性 其实这个name属性和id属性是完全一样的都可以定位元素如果不是表单元素 就算你加了name属性getElementsByName也取不到不信你自己试试.&&&&&&& 由于本人能力有限,希望朋友们能够及时的指出不正确的地方并及时留言我好修正,本人万分感谢!本篇文章来源于 -
- web开发技术 原文地址是:
TA的推荐TA的最新馆藏[转]&[转]&[转]&[转]&[转]&
喜欢该文的人也喜欢安全检查中...
请打开浏览器的javascript,然后刷新浏览器
< 浏览器安全检查中...
还剩 5 秒&JavaScript如何获得input元素value值 - CSDN博客
JavaScript如何获得input元素value值
转载地址:http://aquarius-/blog/605144
在页面中我们最常见的页面元素就是input了,但是我们如何用JavaScript得到网页input中输入的value&#20540;呢,其实很简单,方法也不止一种,据我总结比较常用的就是下面的两种方法,闲话不多说了,下面那就来看看我说的方法吧:&
Java代码&&
&&script&language=&javascript&&&&
&&function&print(){&&
&&&var&a=myform.name.&&
&&&alert(a);&&
&&/script&&&
&&/head&&&
&&&form&name=&myform&&&&
&&&&input&type=&text&&name=&name&&id=&nn&&/&&&
&&&&input&type=&button&&name=&button&&value=&获取&&onclick=&print()&&/&&&
&&&/form&&&&&
&&/body&&&
这是获取网页input&#20540;的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到&#20540;,并把&#20540;赋给a,最后用JavaScript的alert()打印方法打印出来。&
&&script&language=&javascript&&&&
&&function&print(){&&
&&&var&a=document.getElementById(&nn&).&&
&&&alert(a);&&
&&/script&&&
&&/head&&&
&&&form&&&
&&&&input&type=&text&&name=&name&&id=&nn&&/&&&
&&&&input&type=&button&&name=&button&&value=&获取&&onclick=&print()&&/&&&
&&&/form&&&&&
&&/body&&&
本文已收录于以下专栏:
相关文章推荐
获取和设置input的值:value='111' />
window.onload = function(){
var psel = do...
function getInput(){
// JS中定义获取input的函数getInput()
str = document.getElementByName("Te...
js获取input文本框值的4种方法
document.writeln(document.forms[...
无标题文档
function add(){
//获取输入的值
var name=document.getElementById("name").
如何用jquery获取中输入的值?
$("#test").val()
$("input[name='test']").val()
$("input[type='text']").val()
给input标签一个id=“inputId”
然后在JS中写$.("i#nputId").val();这样就能获取input标签的值了;
用document.getElementById("i...
input标签的value属性eg:
设置input域值的三种方式
1.初始化设置,通过在标签中设置value属性,设置input域的值
2.通过原生js设置,eg:
document.get...
input标签name与value区别
id是唯一标识符,不允许有重复值(类似数据表的主键)可以通过它的值来获得对应的html标签对象。(如果在同一页面代码中,出现重复的id,会导致不可预料...
js获取文本框值
1.通过getElementById() 方法获得,必须为文本框设定ID值,该方法获得的是一个对象的应用(返回值
为:Object),要获得文本框的值...
1.在head中引用jquery:
2.定义一个text输入框:
3.在自定义函数中根据id获取此text的值:
var temp = $('#inputValue').val();
他的最新文章
讲师:钟钦成
讲师:宋宝华
您举报文章:
举报原因:
原文地址:
原因补充:
(最多只允许输入30个字)

我要回帖

更多关于 js怎么获取input的值 的文章

 

随机推荐