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

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

直接在td里面添加click事件click="test(this)",然后就可以比较容易的获取到table各行各列的值

thisvalue就是里面的值,还有thisinnerText,thisHTMl具体用什么,根据情况考虑

List<int> ids = new List<int>;

foreach (DataRow row in tabRows)

{

int data = (int)row[0]; //也可以使用row["id"] 获取这一列的值;

idsAdd(data);

}

嗯… 根据LZ的代码,不太理解输出效果,

不过我修改了部份源码试了一个方法,LZ 你就看看呗

var shtml = '';

for (var i = 1; i < 3; i++) {

var item = 'testing';

shtml += '<tr name="result" id="tr[' + i + ']">';

shtml += '<td id="td1" height="25" align="left" valign="middle"> ' + itemEFFECTIVE_DATE + '</td>';

shtml += '<td id="td7" height="25" align="left" valign="middle"><a href="#" onclick="" > ' + itemPJPTARGET_TOWNCOUNT_DAY + '</a></td>';

shtml += '<td id="td8" height="25" align="left" valign="middle"><a href="#" onclick="" > ' + itemPJPACTUAL_TOWNCOUNT_DAY + '</a></td>';

shtml += '<td id="td9" height="25" align="left" valign="middle" > ' + itemACTTOWNNUM + '</td>';

shtml += '<td id="td10" height="25" align="left" valign="middle"> ' + itemTOWNPJP_PERCENT + '</td>';

shtml += '<td id="td11" height="25" align="left" valign="middle"> ' + itemFARDISTANCE_BYDT + '</td>';

shtml += '<td id="td12" height="25" align="left" valign="middle"> ' + itemTOWNNAME + '</td>';

shtml += '<td height="25" align="left" valign="middle"><input type="button" class="visittrack" value="拜访轨迹" > </td>';

shtml += '</tr>';

}

$("#report")append(shtml);

$('inputvisittrack')click(function() {

var $thisTR = $(this)parents('tr');

var thisTR_ID = $thisTRattr('id');

$thisTRcss({

background: '#0cc'

});

var td10_val = $thisTRfind('#td10')text();

alert(thisTR_ID);

});​

你可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 (从0开始)

点击 checkbox,获取 parentNode (也就是 td),tdcellIndex 就是所在列的键值

点击 checkbox,获取 parentNodeparentNode (也就是 tr),trrowIndex 就是所在行的键值

<script type="text/javascript">

// 点击

documentonclick = function(e) {

    // 兼容 event 和 target

    e = e || windowevent;

    var target = etarget || esrcElement;

    // 确认是 checkbox

    if(targettagNametoLowerCase() === "input"

        && targettype === "checkbox") {

        // 获取行列键值

        var row_num = targetparentNodeparentNoderowIndex;

        var col_num = targetparentNodecellIndex;

        // 输出

        alert(row_num + " " + col_num);

    }

};

</script>

因为键值是从 0 开始,一般需要 +1 才是行列数,但因为你表单中第一行个第一列都是文字,所以不需要 +1 正好输出需要的数字,例如点击周四 + 6,会输出 4 6

function 函数名()

{

var i=$('#xmmcTable tr')size();

var j=i-1;

if(i>1)

{

var td1text=$('#xmmcTable tr')eq(j)find("td")eq(0)text();

var td2text=$('#xmmcTable tr')eq(j)find("td")eq(1)find("input ")eq(0)val();

var td3text=$('#xmmcTable tr')eq(j)find("td")eq(2)find("input ")eq(0)val();

var td4text=$('#xmmcTable tr')eq(j)find("td")eq(3)find("<select>")eq(0)val();

}

不知道你要干嘛不过这样应该能筛选出最后一条的信息。如果你要筛选全部就来个循环

你要提交就写在form 里面呗给你的数据定义一个命名ID格式到后台根据直接根据条数一个循环request不就获取到了

jQuery 遍历的 eq() 方法将匹配元素集缩减值指定 index 上的一个,index表示元素的位置(最小为 0)。所以获取Table第 i 行第 j 列的内容可用如下代码

$("table")find("tr")eq(i-1)find("td")eq(j-1)text(); // 注意-1是因为index从0开始计数。

<div class="box"><span>填写行列数,点击按钮后获取对应位置的数值:</span><div class="content"><table><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr><tr><td>7</td><td>8</td><td>9</td></tr></table></div>    

第<input type="text" name="row">行,第<input type="text" name="col">列<input type="button" class="btn" value="确定"></div>

添加css样式

divbox{width:300px;height:250px;padding:10px 20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}

input[type='text']{width:35px;height:30px;border:1px solid #99ccff;}

input[type='button']{width:100px;height:30px;margin:10px;border:2px solid #ebbcbe;}

selected{background:#99ccff;}

table{border-collapse:collapse;}

td{padding:5px 10px;border:1px solid green;}。

为了使应用程序很好地运行,事务不能运行太长时间。因为超时时钟会在事务开始时启动,所以只有对那些具备可能启动一个新事务的传播行为(PROPAGATION_REQUIRED,PROPAGATION_REQUIRED_NEW,PROPAGATION_NESTED)的方法来说,才有意义。

以上就是关于js中如何获得jsp里table中的值全部的内容,包括:js中如何获得jsp里table中的值、C# 获取datatable某一列的值、JQuery怎么获取动态table的某行某列的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存