如何获取jsp页面表格中动态增加行的数据

如何获取jsp页面表格中动态增加行的数据,第1张

使用 js 或者jquery

-----------------------------

但你动态增加行数据时,给当前增加的行 增加一个属性例如 name="addtr" <tr name="addtr"></tr>

当要获取时 可以使用js或jquery获取这种标记的tr就好

$(funciton(){

    $("tr [name='addtr']")each(function(){

        alert($(this)html());//增加的每一条tr的html数据

    });

});

jsp中读取xml文件中内容的方法,案例如下:

1、XML文件

<xml version="10" encoding="GB2312" > 

<!-- 个人履历表--> 

<resume>

<person id="01">

   <name>张三</name> 

   <birthday>03/24/1975</birthday>  

   <phone>1111-1111</phone> 

   <address>大连</address>

</person>  

<person id="02">

   <name>李四</name> 

   <birthday>9/26/1978</birthday>  

   <phone>2222-2222</phone> 

   <address>南京</address>

</person>   

<person id="03">

   <name>王五</name> 

   <birthday>11/09/1979</birthday>  

   <phone>3333-3333</phone> 

   <address>武汉</address>

</person>   

<person id="04">

   <name>赵六</name> 

   <birthday>6/04/1973</birthday>  

   <phone>4444-4444</phone> 

   <address>青岛</address>

</person>   

<person id="05">

   <name>陈七</name> 

   <birthday>12/19/1977</birthday>  

   <phone>5555-5555</phone> 

   <address>上海</address>

</person>   

</resume>

2、MyDOMBeanjava

package test;

import orgxmlsax; 

import javaxxmlparsers;

import orgw3cdom;

import javaio;

public class MyDOMBean implements javaioSerializable {

   private static String xmlStr="";

   private static final String PATH="file:///";

   public MyDOMBean() {

   }

   public String getString(){

        return xmlStr;

   }

   public static Document getDocument(String filename) throws Exception {

       xmlStr="";

       DocumentBuilderFactory dbf = DocumentBuilderFactorynewInstance();

        // 设定解析的叁数

        dbfsetIgnoringComments(true);

        dbfsetIgnoringElementContentWhitespace(true);

        DocumentBuilder db = dbfnewDocumentBuilder();

        //导入XML文件

        Document doc = dbparse(PATH+filename);

       

       return doc;

   }

     public void traverseTree(Node node) throws Exception {

         if(node == null) {

            return;

         }

         int type = nodegetNodeType();

         switch (type) {

            //  *** 作DOCUMENT对象节点

            case NodeDOCUMENT_NODE: {

               xmlStr+="<tr>";

               traverseTree(((Document)node)getDocumentElement());

               break;

            }

            //  *** 作XML元素节点

            case NodeELEMENT_NODE: {

               String elementName = nodegetNodeName();

               if(elementNameequals("person")) {

                 xmlStr+="</tr><tr>";

               }

               NodeList childNodes =nodegetChildNodes();

               if(childNodes != null) {

                  int length = childNodesgetLength();

                  for (int loopIndex = 0; loopIndex <

                  length ; loopIndex++)

                  {

                     traverseTree(childNodesitem(loopIndex));

                  }

               }

               break;

            }

            //  *** 作XML文本节点

            case NodeTEXT_NODE: {

               String data = nodegetNodeValue()trim();

               if((dataindexOf(" ")  <0) && (datalength()> 0)) {

                 xmlStr+="<td>"+data+"</td>";

               }

            }

         }

    }

}

3、jsp文件

<html>

<head>

<title>使用DOM解析器</title>

</head>

<%@ page import="orgw3cdom"%>

<%@ page contentType="text/html;charset=GB2312" %>

<body bgcolor="#CFF1E1">

<center>

<h2>个人履历表(DOM版)</h2>

<table border="1" width="80%">

<tr>

<td>姓名</td>

<td>出生年月</td>

<td>电话号码</td>

<td>居住地</td>

</tr>

<jsp:useBean id="domparser" class="testMyDOMBean" />

<%  

   Document doc = domparsergetDocument(requestgetRealPath("/") + "08_02xml");

   domparsertraverseTree(doc);

   outprint(domparsergetString());

%>

</body>

</html>

1、新建一个HTML文档,指定<input>元素的ID。

2、编写JS脚本,根据ID选择元素。

3、使用val()方法获取被选元素的value值。

4、以d窗形式显示获取的input值。

5、保存文件,在浏览器查看结果。

一般用原生js、jQuery获取html元素的值。<div id="test">数值</div>

原生js写法:

alert(documentgetElementById('test')innerHTML);//数值

jQuery写法:

alert($('#test')html());//数值

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

document对象详解

document 文挡对象 - JavaScript脚本语言描述

---------------------------------------------------------------------

注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写

否则会提示你一个错误信息 "引用的元素为空或者不是对象"

---------------------------------------------------------------------

对象属性

documenttitle //设置文档标题等价于HTML的<title>标签

documentbgColor //设置页面背景色

documentfgColor //设置前景色(文本颜色)

documentlinkColor //未点击过的链接颜色

documentalinkColor //激活链接(焦点在此链接上)的颜色

documentvlinkColor //已点击过的链接颜色

documentURL //设置URL属性从而在同一窗口打开另一网页

documentfileCreatedDate //文件建立日期,只读属性

documentfileModifiedDate //文件修改日期,只读属性

documentfileSize //文件大小,只读属性

documentcookie //设置和读出cookie

documentcharset //设置字符集 简体中文:gb2312

---------------------------------------------------------------------

对象方法

documentwrite() //动态向页面写入内容

documentcreateElement(Tag) //创建一个html标签对象

documentgetElementById(ID) //获得指定ID值的对象

documentgetElementsByName(Name) //获得指定Name值的对象

---------------------------------------------------------------------

images集合(页面中的图象)

a)通过集合引用

documentimages //对应页面上的<img>标签

documentimageslength //对应页面上<img>标签的个数

documentimages[0] //第1个<img>标签

documentimages[i] //第i-1个<img>标签

b)通过nane属性直接引用

<img name="oImage">

documentimagesoImage //documentimagesname属性

c)引用的src属性

documentimagesoImagesrc //documentimagesname属性src

d)创建一个图象

var oImage

oImage = new Image()

documentimagesoImagesrc="/1jpg"

同时在页面上建立一个<img>标签与之对应就可以显示

父窗口中 *** 作iframe $(window frames["iframeChild"] document) //假如iframe的id为iframeChild 在子窗口中 *** 作父窗口 $(window parent document) 接下来就可以继续获取iframe内的dom了 获取iframe内的dom对象有两种方法 $(window frames["iframeChild"] document) find("#child") $("#child" window frames["iframeChild"] document) 在父窗口中 *** 作 选中IFRAME中的所有单选按钮

复制代码 代码如下: $(window frames["iframeChild"] document) find("input[@type= radio ]") attr("checked" "true");

在IFRAME中 *** 作 选中父窗口中的所有单选按钮

复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/20182

你这个问题以前见过,就是在 JS里面使用Struts2标签;

你可以这样做:

<script type="text/javascript">

function myFunction(){

var strValue = "<s:property value='username' />";

alert(strValue);

}

</script>

也就是说用引号将Struts2标签括起来,你可以测试一下,这样用 alert d出来的不是<s:property value='username' />,而是该标签在作用域里面的映射的 usename 变量值

以上就是关于如何获取jsp页面表格中动态增加行的数据全部的内容,包括:如何获取jsp页面表格中动态增加行的数据、在WEB工程中,jsp文件如何读取XML文件的信息、jsp页面获取用户输入,动态改变input标签中value值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9267483.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存