jsp 如何获得 table中的数据

jsp 如何获得 table中的数据,第1张

我给你写三种吧。。

1: 根据自己拿

<html>

<body >

<table>

<tr>

<td><input type="text" id="a" name="a" value="1" onclick=test(this)><td></tr>

</table>

<script type="text/javascript" >

function test(obj){

alert(objvalue);

}

</script>

</body>

</html>

2: 根据ID

<html>

<body >

<table>

<tr>

<td><input type="text" id="a" name="a" value="1" ><td></tr>

</table>

<input type="button" value="test" onclick=test() />

<script type="text/javascript" >

function test(){

alert(documentgetElementById("a")value);

}

</script>

</body>

</html>

3: 根据NAME

<html>

<body >

<table>

<tr>

<td><input type="text" name="a" value="1" ><td></tr>

</table>

<input type="button" value="test" onclick=test() />

<script type="text/javascript" >

function test(){

alert(documentgetElementsByName("a")[0]value);

}

</script>

</body>

</html>

<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#a8c7ce">

<tr align="center" height="25" bgcolor="d3eaef">

<td width="5%">

编号

</td>

<td width="10%">

标题

</td>

<td width="23%">

内容

</td>

<td width="10%">

发表日期

</td>

<td width="16%">

基本 *** 作

</td>

</tr>

<%

//获取新闻信息集合,newList是从后台返回来的集合变量

List nList = (List) sessiongetAttribute("newList");

NewsEntity new = null;

if (nListsize() <= 0) {

%>

<tr height="22" bgcolor="#FFFFFF" align="center">

<td colspan="9" align="center">

暂无新闻信息

</td>

</tr>

<%

} else {

for (int i = 0; i < nListsize(); i++) {

new = (NewsEntity) mListget(i);

%>

<tr height="22" bgcolor="#FFFFFF" align="center">

<td>

<%=newgetId() %>

</td>

<td>

<%=newgetTitle() %>

</td>

<td>

<%=newgetContent() %>

</td>

<td>

<%=newtime() %>

</td>

<td>

<a href="MusicServletforward=getNewsDetailById&ID=<%=newgetId()%>" >

<span class="STYLE2">编辑</span> </a> | 

<a href="MusicServletforward=doDelNewsById&ID=<%=newgetId()%>"

onclick="return confirm('您确定要删除该条信息吗?');"><span

class="STYLE2">删除</span> </a>

</td>

</tr>

<%

}

}

%>

</table>

<!DOCTYPE HTML>

<html>

<head>

<title>yugi</title>

<meta charset=UTF-8 />

<style type="text/css">

table {

border: 1px solid black;

border-collapse: collapse;

}

th,td {

border: 1px solid black;

}

</style>

<script type="text/javascript" src="jquery-180minjs"></script>

<script type="text/javascript">

var data1 = [

            {

                id : 1,

                name : "yugi"

            },

            {

                id : 2,

                name : "kaiba"

            },

            {

                id : 3,

                name : "andy"

            }

    ], data2 = [

            {

                name : "yamazaki",

                id : 1

            },

            {

                name : "kid",

                id : 2

            },

            {

                name : "yugi",

                id : 3

            },

            {

                name : "andy",

                id : 4

            }

    ];

    jQuery (function ($)

    {

    var t1 = $ ("table#t1"), t2 = $ ("table#t2");

    $ (data1)each (function (i, dom)

    {

    t1append ("<tr><td>" + domid + "</td><td>" + domname + "</td></tr>");

    });

    $ (data2)each (function (i, dom)

    {

    t2append ("<tr><td>" + domid + "</td><td>" + domname + "</td></tr>");

    });

    $ ("body")append (t1)append (t2)delegate ("table:first td", "click", function ()

    {

    var me = $ (this);

    var title = meclosest ("table")find ("tr:first :eq(" + meindex () + ")")text ();

    var index = t2find ("tr:first :contains(" + title + ")")index ();

    t2find ("tr:gt(0) :contains(" + metext () + ")")css ("backgroundColor", "red");

    });

    });

</script>

</head>

<body>

<table id="t1">

<tr>

<th>id</th>

<th>name</th>

</tr>

</table>

<table id="t2">

<tr>

<th>name</th>

<th>id</th>

</tr>

</table>

</body>

</html>

你使用的是struts的框架么,不是吧

<form name="f1" action="inUseraction" method="post" >

这里这样 然后

<a href="javascript:void(0)" onclick=“tj()” />

在javascript中加一个

function tj(){

var username=documentgetElementsByName('userName');

documentformsaction = '<%=contextPath%>/inUseractionusername='+username;

documentforms[0]submit();

}

<%@ page language="java" import="javautil" pageEncoding="gbk"%>

<%@page import="orgjsonsimpleJSONObject"%>

<%@page import="orgjsonsimpleparserJSONParser"%>

<%@page import="orgjsonsimpleJSONValue"%>

<%@page import="orgjsonsimpleJSONArray"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN">

<html>

<head>

<title>获取json内部数据html</title>

<meta >

<meta >

<meta >

<!--<link rel="stylesheet" type="text/css" href="/stylescss">-->

</head>

<body>

<table id="deptPersonList" title="部门信息列表" class="easyui-datagrid"

singleSelect="true" fit="true" pagination="true"

idField="deptPersonId" url="deptPersonInfo" width="800px"

rownumbers="false" striped="true">

<thead>

<tr>

<th field="deptPersonId" width="6" checkbox="true">

编号

</th>

<th field="sysPerson" width="60%" sortable="true">

人员名称

</th>

<th field="sysDepartment" width="30%" sortable="true">

部门名称

</th>

</tr>

</table>

</body>

<script type="text/javascript">

/

json格式如下

{"total":11,"rows":[{"deptPersonId":"1","sysDepartment":{"deptName":"人事"},"sysPerson":{"personName"}}]}

/

var json = {"total":11,

            "rows":[{"deptPersonId":"1",

         "sysDepartment":{"deptName":"人事"},

                     "sysPerson":{"personName":"张丽安"}

                    }

                   ]

           };

/

获取josn对象数据,是一层一层进行的。

/

/

js获取json元素中的子元素如deptName,personName

/

alert(jsonrows[0]sysDepartmentdeptName);

alert(jsonrows[0]sysPersonpersonName);

</script>

<%

//jsp获取json元素中的子元素如deptName,personName

//================

//使用 json_simplejar包 处理json字符

//然后获取json对象中的数据

//================

//声明JSON字符串

String json = "{\"tota\":11,"+

               "\"rows\":["+

                         "{\"deptPersonId\":\"1\","+

                        "\"sysDepartment\":{"+

                                           "\"deptName\":\"人事\"},"+

                                           "\"sysPerson\":{\"personName\":\"张丽安\"}"+

                                           "}"+

                       "]"+

              "}";

//===============================

// 最终的JSON字符如下:

//       {"total":11,

    //        "rows":[{"deptPersonId":"1",

//          "sysDepartment":{"deptName":"人事"},

    //                 "sysPerson":{"personName":"张丽安"}

    //                }

    //                ]

    //        }

//

// 注意查结构

//================================

//{"tota":11,"rows":[{"sysPerson":{"personName":"张丽安"},"sysDepartment":{"deptName":"人事"},"deptPersonId":"1"}]}

//将字符串转化为JSON对象

Object JSON = JSONValueparse(json);

//JSONObject继承自 HashMap

JSONObject JO = (JSONObject) JSON;

outprint(JSONtoString());

outprint("<br>");

//查看JSONObject对象元素长度

int length = JOsize();

outprint(length);

outprint("<br>");

outprint(JOtoString());

outprint("<br>");

//循环打印出元素数据

//for(int i = 0 ;i < length ; i++ ){

outprint("tota:<font color=red>" + JOget("tota") + "</font>");

outprint("<br>");

outprint("tota:<font color=red>" + JOget("rows") + "</font>");

outprint("<br>");

String rows = JOget("rows")toString();

//再次将rows对象转化为 JSONObject对象

JSONArray JO1 = (JSONArray) JSONValueparse(rows);

outprint(JO1size());

outprint("<br>");

JSONObject JO2 = (JSONObject)JO1get(0);

outprint("sysPerson:<font color=red>" + JO2get("sysPerson") + "</font>");

outprint("<br>");

outprint("sysDepartment:<font color=red>" + JO2get("sysDepartment") + "</font>");

outprint("<br>");

//再次获取

outprint("personName:<font color=red>" + ((JSONObject)JO2get("sysPerson"))get("personName") + "</font>");

outprint("<br>");

outprint("deptName:<font color=red>" + ((JSONObject)JO2get("sysDepartment"))get("deptName") + "</font>");

outprint("<br>");

//===================================

// 备注 信息

// JSONObject 可以转化为 {key:value}形式的 JSON对象,该对象继承自 HashMap ,所以可以使用HashMap的方法

// JSONArray  可以装维为 [object,object,……] 形式的数据对象,该对象继承自ArrayList,

// 灵活运用,可基本满足 需求。

//}

%>

</html>

你需要 下载 json_simple-11-allzip文件,网上搜索。

处理后如下:

你可以隐藏表单域,然后把值传过去啊,比如

<table id="tb2">

<tr>

<td><input type="text" value="username" id="username" name="username"/></td>

<input type="hidden" name="username" />

<td><input type="submit" value="提交"/></td>

</tr>

</table>

这样就行了,你可以试试,如果你想用JS把值取到的话,那你就可以吧那个提交按钮的type改成Button,然后后面写一个onclick=事件名(),然后在JS中用var uername = documentgetElementById('usename')value;取到值,这样就行了,希望可以帮到你,谢谢

以上就是关于jsp 如何获得 table中的数据全部的内容,包括:jsp 如何获得 table中的数据、JSP获取数据库信息、jsp中两个table提取相同的数据,并改变相同数据列的颜色等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存