js怎么得到动态表格某一行的id值？

tzb08 2009-03-06 01:16:50

如题谢谢！

...全文

1892 17 打赏收藏转发到动态举报

写回复

用AI写文章

17 条回复

切换为时间正序

请发表友善的回复…

发表回复

hey_go 2011-12-02

打赏
举报

有没有或得动态表格一整行内容的方法啊

rjjlxy 2011-08-30

打赏
举报

看的不太懂。。、。。

lizhengguo992003 2009-11-26

打赏
举报

哦·····

tzb08 2009-03-06

打赏
举报

[Quote=引用 12 楼 yixianggao 的回复:]
L@_@K
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javasc…
[/Quote]

太谢谢yixianggao了，好猛哦！

yixianggao 2009-03-06

打赏
举报

L@_@K

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title> new document </title>

  <meta name="generator" content="editplus" />

  <meta name="author" content="" />

  <meta name="keywords" content="" />

  <meta name="description" content="" />

  <script type="text/javascript">

  <!--

function editToolAmount(oLink)

{

	var tr = oLink.parentNode.parentNode;



	//alert(tr.cells[1].innerHTML);

	alert("tool.code = " + tr.getElementsByTagName("input")[0].value);

	alert("toolAmount = " + tr.getElementsByTagName("input")[1].value);

	alert("baseLend.serialNumber = " + tr.getElementsByTagName("input")[2].value);



	//tr.cells[1].innerHTML = 100;

	//tr.getElementsByTagName("input")[1].value = 100;

}

  //-->

  </script>

 </head>



 <body>

  <table align="center" id="t">

        <tr>

            <td>工具条形码</td>

            <td>工具数量</td>

            <td>操作</td>

        </tr>

        

            <tr>                

                <input type="hidden" name="tool.code" value="111" id="p1"/>                     

                <input type="hidden" name="toolAmount" value="1" id="p2"/>

                <input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/>    

                <td>111</td>

                <td>1</td>

                <td align="center">

                  <a href="#" onClick="editToolAmount(this);">修改</a>

              <a href="/jtm/operatorAction!delete.action?serialNumber=183&toolCode=111&toolAmount=1" onclick="if(!confirm('确认删除么？可千万要慎重哦，如果误删了会很麻烦哦')) return false">删除</a>

                </td>

            </tr>

        

            <tr>                

                <input type="hidden" name="tool.code" value="11111" id="p1"/>                     

                <input type="hidden" name="toolAmount" value="1" id="p2"/>

                <input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/>    

                <td>11111</td>

                <td>1</td>  

                <td align="center">

                  <a href="#" onClick="editToolAmount(this);">修改</a>

              <a href="/jtm/operatorAction!delete.action?serialNumber=183&toolCode=11111&toolAmount=1" onclick="if(!confirm('确认删除么？可千万要慎重哦，如果误删了会很麻烦哦')) return false">删除</a>

                </td>

            </tr>        

    </table>

 </body>

</html>

yixianggao 2009-03-06

打赏
举报

L@_@K
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">

</script>
</head>

<body>
<table align="center" id="t">
<tr>
<td>工具条形码</td>
<td>工具数量</td>
<td>操作</td>
</tr>

<tr>
<input type="hidden" name="tool.code" value="111" id="p1"/>
<input type="hidden" name="toolAmount" value="1" id="p2"/>
<input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/>
<td>111</td>
<td>1</td>
<td align="center">
<a href="#" onClick="editToolAmount(this);">修改</a>
<a href="/jtm/operatorAction!delete.action?serialNumber=183&toolCode=111&toolAmount=1" onclick="if(!confirm('确认删除么？可千万要慎重哦，如果误删了会很麻烦哦')) return false">删除</a>
</td>
</tr>

<tr>
<input type="hidden" name="tool.code" value="11111" id="p1"/>
<input type="hidden" name="toolAmount" value="1" id="p2"/>
<input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/>
<td>11111</td>
<td>1</td>
<td align="center">
<a href="#" onClick="editToolAmount(this);">修改</a>
<a href="/jtm/operatorAction!delete.action?serialNumber=183&toolCode=11111&toolAmount=1" onclick="if(!confirm('确认删除么？可千万要慎重哦，如果误删了会很麻烦哦')) return false">删除</a>
</td>
</tr>
</table>
</body>
</html>

tzb08 2009-03-06

打赏
举报



 <input type="hidden" name="tool.code" value="11111" id="p1"/>                     

                <input type="hidden" name="toolAmount" value="1" id="p2"/>

                <input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/>

目的修改“工具数量”，主要想得到上面3个隐藏字段的值，去查询session并更新对应的“工具数量”（dwr实现的ajax功能）

zizhuxianzi 2009-03-06

打赏
举报

才遇到这个问题！

yixianggao 2009-03-06

打赏
举报

一旦循环 id 值就重复了——那id还有什么意义？！
也就得不到某行要的数据了——你要取那些数据，或者说你具体要执行哪些操作？

tzb08 2009-03-06

打赏
举报



<table align="center" id="t">

		<tr>

			<td>工具条形码</td>

			<td>工具数量</td>

			<td>操作</td>

		</tr>

		

			<tr>				

				<input type="hidden" name="tool.code" value="111" id="p1"/> 					

				<input type="hidden" name="toolAmount" value="1" id="p2"/>

				<input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/>	

				<td>111</td>

				<td>1</td>

					

				<td align="center">

				   

				  <a href="#" onClick="editToolAmount();">修改</a>

				  

		    		

		    		

		    		

				  

		      <a href="/jtm/operatorAction!delete.action?serialNumber=183&toolCode=111&toolAmount=1" onclick="if(!confirm('确认删除么？可千万要慎重哦，如果误删了会很麻烦哦')) return false">删除</a>

				</td>

			</tr>

		

			<tr>				

				<input type="hidden" name="tool.code" value="11111" id="p1"/> 					

				<input type="hidden" name="toolAmount" value="1" id="p2"/>

				<input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/>	

				<td>11111</td>

				<td>1</td>

					

				<td align="center">

				   

				  <a href="#" onClick="editToolAmount();">修改</a>

				  

		    		

		    		

		    		

				  

		      <a href="/jtm/operatorAction!delete.action?serialNumber=183&toolCode=11111&toolAmount=1" onclick="if(!confirm('确认删除么？可千万要慎重哦，如果误删了会很麻烦哦')) return false">删除</a>

				</td>

			</tr>

		 		

	</table>

一旦循环 id值就重复了，也就得不到某行要的数据了

luojihaidao 2009-03-06

打赏
举报

tzb08 2009-03-06

打赏
举报

不好意思，我说的不够明朗，
我的jsp：



<s:iterator value="%{list}" status="li"> 

   <s:textfield id="id" name="baseLend.serialNumber" label="tool" />

   <a href="#" onClick="edit();">修改</a> 

<s:iterator/>

在循环里面，上面的id是没法知道的吧？我现在想通过点击“修改”来得到id，从而通过id来得到对应那一行的数据

tzb08 2009-03-06

打赏
举报

[Quote=引用 3 楼 yixianggao 的回复:]
L@_@K
HTML code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>new document</title><metaname="generator"content="editplus"/><metaname="author"content=""/><metaname="keywords"content=""/><metaname="description"content=""/></head><body><tableid="tabTest"><tr><td>No.0</td…
[/Quote]

大哥你的代码我看的不太明白，能简单的说下嘛谢谢了！

dyydingding 2009-03-06

打赏
举报

楼上yixianggao
正解！！

up

yixianggao 2009-03-06

打赏
举报

L@_@K

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title> new document </title>

  <meta name="generator" content="editplus" />

  <meta name="author" content="" />

  <meta name="keywords" content="" />

  <meta name="description" content="" />

 </head>



 <body>

  <table id="tabTest">

	<tr>

		<td>No.0</td>

		<td>a</td>

	</tr>

	<tr>

		<td>No.1</td>

		<td>b</td>

	</tr>

	<tr>

		<td>No.2</td>

		<td>c</td>

	</tr>

  </table>

 </body>

 <script type="text/javascript">

 <!--

function $(sId)

{

	return document.getElementById(sId);

}

var oTab = $("tabTest");

for (var i=0; i<oTab.rows.length; i++)

{

	oTab.rows[i].onclick = function() {

		alert("这是第"+this.rowIndex+"行");

	};

}

 //-->

 </script>

</html>

tzb08 2009-03-06

打赏
举报

[Quote=引用 1 楼 Free_Wind22 的回复:]
JScript codevartable=document.getElementById("表格ID");varid=table.rows[行号].cells[列号].id;
[/Quote]

谢谢！你上面写的那个行号怎么得到的？

关键不知道某行的id值，是动的

囧 2009-03-06

打赏
举报



var table = document.getElementById("表格ID");

var id = table.rows[行号].cells[列号].id;

js获取table 中 tr td的值的实例,有需要的朋友可以下下来参考

【引子】在开发的过程中，表格Table有个缺陷，如果一行中某个单元格的超过一行，表格就不够美观了。下面的代码解决了这个问题：当表格被载入的时候，TD的宽度是原定的长度，不会撑开TD，也不会影响其他TD，点击某行会按照本行所有单元格中行数最多的单元格的长度伸长行高。用户体验很好。【优点】 1、对开发人员指定的表格没有任何影响； 2、使用简单； 3、被定义的表格样式可以随意的定制你的样式，不对你的样式构成影响； 4、移植性好，扩展性好。【缺点】目前用IE7测试正常，但不支持FireFox，工作比较忙，没时间更正，希望网友更正，俺在此谢过。^_^ 【使用方法】 1、将AutoTableSize.js包文件[点击这儿下载源代码]导入到你的web应用目录中； 2、引入包AutoTableSize.js，页面body底部加入： 3、编写你的脚本调用： new AutoTableSize(); 当DOM对象中只有一个Table的时候不用指定Table的ID属性； new AutoTableSize(table); table:既可以是表格的ID属性，也可以是表格对象；

主要介绍了JavaScript获取table中某一列的值的方法,需要的朋友可以参考下

如何使用JavaScript获取一个表格的行数和列数？其实很简单，假设存在如下表格：

通过以上步骤，我们可以使用JavaScript获取表格中某一列的值。你可以根据实际需求进行修改和扩展，例如根据其他条件过滤行或处理不同类型的表格等。希望这个解答对你有帮助！如果你还有其他问题，请随时提问。来获取每一行中的第二列单元格（索引从0开始）。属性获取单元格的文本内容，并将其打印到控制台。替换为实际表格的ID属性值。在上面的代码中，我们使用。

JavaScript

87,997

社区成员

224,709

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章