html中table点击展示

2013-09-28

html中table点击显示如：tabletrtda/tdtda href# onclickshow()//tdtdb/tdtda h

html中table点击显示
如：<table>
        <tr>
           <td>a</td>   <td><a href=# onclick="show();"/></td>
           <td>b</td>   <td><a href=# onclick="show();"/></td>
           <td>c</td>   <td><a href=# onclick="show();"/></td>
        </tr>
    </table>

我在点击a这行时候输出a  ,点击吧b这行时候输出b ,点击c这行时候输出c

请问我应该如何写这个show方法？ html
[解决办法]
<td><a href=# par="a" onclick="show(this.par);"/></td>
<td><a href=# par="b" onclick="show(this.par);"/></td>
[解决办法]
<script type="text/javascript">

var currentActiveRow;
function   show(obj)
{
if(obj)
   currentActiveRow=obj.parentElement.previousElementSibling;
   alert(currentActiveRow.innerText);
}

    </script>
<table>
        <tr>
           <td>a</td>   <td><a href=# onclick="show(this);"/>1</td>
           <td>b</td>   <td><a href=# onclick="show(this);"/>2</td>
           <td>c</td>   <td><a href=# onclick="show(this);"/>3</td>
        </tr>
    </table>
[解决办法]
不会的，看看js报什么错误

[解决办法]

引用:

currentActiveRow.innerText  是空不是对象，而且
<table>
        <tr>
           <td></td><td><input value= 'a'></td>   <td><a href=# onclick="show(this);"/>1</td>
           <td></td><td><input value= 'b'></td>   <td><a href=# onclick="show(this);"/>2</td>
           <td></td><td><input value= 'c'></td>   <td><a href=# onclick="show(this);"/>3</td>
        </tr>
    </table>

如何处理啊

要去input里面的值？？？
[解决办法]

引用:

恩对是拿到input中的值

</head>

<body>

<table>
        <tr>
           <td><a href="#" onclick="show();"/>a</td>
           <td><a href="#" onclick="show();"/>b</td>
           <td><a href="#" onclick="show();"/>c</td>
        </tr>
    </table>
</body>
[解决办法]
function show()
{
var source=event.srcElement;
var tr=source.parentNode.parentNode;
tr.childNodes[2].childNodes[0].value=source.innerText;

}
</script>
</head>

<body>

<table>
        <tr>
           <td></td><td><input value= 'a'/></td>   <td><a href=# onclick="show(this);"/>1</td>
</tr>
<tr>
           <td></td><td><input value= 'b'/></td>   <td><a href=# onclick="show(this);"/>2</td>
</tr>
<tr>
           <td></td><td><input value= 'c'/></td>   <td><a href=# onclick="show(this);"/>3</td>
        </tr>
   </table>


</body>
[解决办法]

<table>
        <tr>
           <td>a</td>   <td><a href=# onclick="show(this);">xx</a></td>
           <td>b</td>   <td><a href=# onclick="show(this);">xx</a></td>
           <td>c</td>   <td><a href=# onclick="show(this);">xx</a></td>
        </tr>
    </table>
<script type="text/javascript"> 
function show(a){
  var td=a.parentNode,tr=td.parentNode;
  alert(tr.cells[td.cellIndex-1].innerHTML)
}
</script>

热点排行

JavaScript

html中table点击展示