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报什么错误
[解决办法]
要去input里面的值？？？
[解决办法]
<script type="text/javascript">
var currentActiveRow;
function show(obj)
{
if(obj)
currentActiveRow=obj.parentElement.previousElementSibling;
alert(currentActiveRow.getElementsByTagName('input')[0].value);
}
</script>
<table>
<tr>
<td><input value="a"></td> <td><a href=# onclick="show(this);"/>1 </td>
<td><input value="b"></td> <td><a href=# onclick="show(this);"/>2 </td>
<td><input value="c"></td> <td><a href=# onclick="show(this);"/>3 </td>
</tr>
</table>
[解决办法]
<script type="text/javascript">
function show()
{
var source=event.srcElement;
var parent=source.parentNode;
var sun=parent.firstChild.firstChild;
alert(sun.nodeValue);
}
</script>
</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>