<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="select.js" type="text/javascript" language="javascript"></script>
</head><body>
<form method="post" action="save.jsp">
<table cellspacing="0" cellpadding="1" border="1">
<tr>
<td>depth </td> <td>A </td> <td>B </td>
</tr>
<tr>
<td>200 </td> <td onclick="getvalue(this)">-2 </td> <td onclick="getvalue(this)">2 </td>
</tr>
<tr>
<td>300 </td> <td onclick="getvalue(this)">-3 </td> <td onclick="getvalue(this)">3 </td>
</tr>
<tr>
<td>400 </td> <td onclick="getvalue(this)">-4 </td> <td onclick="getvalue(this)">4 </td>
</tr> </table> 当前值:<input type="text" id=mytext name="mytext" /> <br/>
对应属性是:<input type="text" id="t" name="t"/><br/>
深度:<input type="text" id="depth" name="depth"/><br/><script>
function getvalue(o){
document.getElementById("mytext").value = o.innerHTML
//alert(parentNode.firstChild.innerHTML);//取的后可以做其他用.
//var deep=parentNode.firstChild.innerHTML ;
var n = o.cellIndex;
document.getElementById("t").value = o.parentNode.parentNode.rows(0).cells(n).innerHTML;
document.getElementById("depth").value=o.parentNode.cells[0].innerHTML;
}
</script><input type="submit" value="submit"/>
</form>
</body>
</html>
<script>
function getvalue(o)
{
document.getElementById("mytext").value = o.innerHTML;
document.getElementById("depth").value=o.parentNode.cells[0].innerHTML;
document.getElementById("t").value=document.getElementById("table1").rows[0].cells[o.cellIndex].innerHTML;
}
</script>
<body>
<table cellspacing="0" cellpadding="1" border="1" id="table1">
<tr>
<td>depth </td> <td>A </td> <td>B </td>
</tr>
<tr>
<td>200 </td> <td onclick="getvalue(this)">-2 </td> <td onclick="getvalue(this)">2 </td>
</tr>
<tr>
<td>300 </td> <td onclick="getvalue(this)">-3 </td> <td onclick="getvalue(this)">3 </td>
</tr>
<tr>
<td>400 </td> <td onclick="getvalue(this)">-4 </td> <td onclick="getvalue(this)">4 </td>
</tr>
</table>
当前值:<input type="text" id=mytext name="mytext" /> <br/>
对应属性是:<input type="text" id="t" name="t"/><br/>
深度:<input type="text" id="depth" name="depth"/><br/>
</body>
</html>