如何实现鼠标点击表格 返回所点击的那行的内容

Question

如何实现在html页面上 点击表格的一行后 获取这行的内容 如果用javascript 实现 怎么将取得的数据传到后台呢

Answer 1

给表格的每一行<tr>标签注册onclick事件，事件方法里可以用ajax传到后台，或者事件方法里将本行的内容保存到页面上的隐藏域<input type="hidden" value=""/>中，当单击“按钮”等提交表单时服务器即可获取到。

Answer 2

innerHTML 就可以获取当前行的内容
传到后台 用ajax

Answer 3

  <TABLE border="1" width="100px">
  <TR style="cursor:pointer" onclick="fun(this)">
<TD>1</TD>
<TD>ab</TD>
<TD>c</TD>
  </TR>
  <TR style="cursor:pointer" onclick="fun(this)">
<TD>2</TD>
<TD>d</TD>
<TD>ef</TD>
  </TR>
  </TABLE>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
function fun(obj){
var arr = new Array();
for (var i=0; i<obj.childNodes.length; i++)
{
arr[arr.length] = obj.childNodes[i].innerHTML;
}
alert(arr);
}
  //-->
  </SCRIPT>

Answer 4

<TABLE border="1" width="100px">
  <TR style="cursor:pointer" onclick="fun(this)">
    <TD>1</TD>
    <TD>ab</TD>
    <TD>c</TD>
  </TR>
  <TR style="cursor:pointer" onclick="fun(this)">
    <TD>2</TD>
    <TD>d</TD>
    <TD>ef</TD>
  </TR>
  </TABLE>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
    function fun(obj){
        var arr = [];
        for (var i=0; i<obj.cells.length; i++)
        {
            arr.push( obj.cells[i].innerHTML);
        }
        alert(arr.join(","));
    }
  //-->
  </SCRIPT>

Answer 5

谢谢回复，不太清楚javascript的东东呢 简单讲解下呗。

Answer 6

<TABLE border="1" width="100px">
  <TR style="cursor:pointer" onclick="fun(this)">
    <TD>1</TD>
    <TD>ab</TD>
    <TD>c</TD>
  </TR>
  <TR style="cursor:pointer" onclick="fun(this)">
    <TD>2</TD>
    <TD>d</TD>
    <TD>ef</TD>
  </TR>
  </TABLE>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
    function fun(obj){
        var arr = new Array();//定义一个数组
        for (var i=0; i<obj.childNodes.length; i++)//遍历obj（TR）的子节点（TD）
        {
            arr[arr.length] = obj.childNodes[i].innerHTML;//把每个子节点（TD）的内容塞到数组里
        }
        alert(arr);//弹出数组的内容
    }
  //-->
  </SCRIPT>