js中如何获得jsp里table中的值?

js中如何获得jsp里table中的值?,第1张

直接在td里面添加click事件click="test(this)",然后就可以比较容易的获取到table各行各列的值
thisvalue就是里面的值,还有thisinnerText,thisHTMl具体用什么,根据情况考虑

首先你要确定你的DataTable 里面是有数据的

我不知道你的 Table里面是什么样的数据··ItemArray 返回 object [] 数组
你拿一个object 数组 去 ConverttoInt32()
你不报错我到觉得奇怪了 ··
如果是业务需要··那就要另外来写 toInt32() 对你的需要行不通
他只返回一个数字 而不是 int数组!
一般拿个ConverttoInt32(dtRows[1][2]) 就是这样了!

<table border="1" cellspacing="0" id="mytable">
<thead>
<caption>统计表</caption>
</thead>
<tbody>
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>籍贯</th>
</tr>
<tr>
<td>1</td>
<td>张三</td>
<td>男</td>
<td>22</td>
<td>北京</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>男</td>
<td>23</td>
<td>上海</td>
</tr>
<tr>
<td>3</td>
<td>王燕</td>
<td>女</td>
<td>21</td>
<td>广东</td>
</tr>
<tr>
<td>4</td>
<td>王伟</td>
<td>男</td>
<td>20</td>
<td>陕西</td>
</tr>
<tr>
<td>5</td>
<td>张娟</td>
<td>女</td>
<td>23</td>
<td>重庆</td>
</tr>
</tbody>
</table>
<script>
$(function(){
var name=$("#mytable tr>td:nth-child(2)")text();
var age=$("#mytable tr>td:nth-child(3)")text();
alert(name);
alert(age);
});
</script>

请参考已存在的帖子


function readRandomValueInTable(Table)
    mathrandomseed(ostime())
    return Table[mathrandom(1,#Table)]
end

如果是数组表就用上面这种就可以了

如果是哈希表要全部按key全部的话

function readRandomValueInTable(Table)
    local tmpKeyT={}
    local n=1
    for k in pairs(Table) do
        tmpKeyT[n]=k
        n=n+1
    end
    mathrandomseed(ostime())
    return Table[tmpKeyT[mathrandom(1,n-1)]]
end

取得数据表指定单元格的值,这个单元格就是数据表的字段

举个例子,有个数据表表明为 tb_student  有字段为 Age,Name

想获取name为张三的 Age的具体值,可以用这样的SQL 语句:

SELECT Age FROM TB_STUDENT WHERE NAME = '张三'

css的选择器 nth-child(N) 用于匹配属于其父元素的第 N 个子元素,因此获取table的某列可用如下核心代码

$("table tr")find("td:nth-child(n)");   // 获取table所有行第一列

实例演示:点击按钮获取第一列中含有字符1的行标

创建Html元素

<div class="box">
<span>点击按钮获取第一列中含有字符1的行标:</span><br>
<div class="content">
<table class="test">
        <tr><td>1</td><td>2</td><td>3</td></tr>
        <tr><td>4</td><td>5</td><td>6</td></tr>
        <tr><td>71</td><td>8</td><td>9</td></tr>
    </table>
</div>
<input type="button" value="获取第一列含有字符1的行">
</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
table{border-collapse:collapse;}
td{width:30px;height:30px;line-height:30px;text-align:center;border:1px solid green;}

编写jquery代码

$(function(){ 
$("input:button")click(function() {
num = $("tabletest tr")find("td:nth-child(1)")map(function(index, elem) {
return $(elem)html()indexOf("1")>=0  index+1 : null;
})get()join(',');
alert("第一列中包含字符1的行为:"+num);
});
});

观察效果

参考代码自己改改,用了jQuery

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src=">

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

原文地址: https://outofmemory.cn/yw/13377914.html

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

发表评论

登录后才能评论

评论列表(0条)

保存