在表格行上单击,向我显示仅包含该行数据的新页面!有人可以指导我如何做到这一点

时间:2014-02-03 11:07:12

标签: html hyperlink row

无需解释。想象一下具有相同数据的简单表格。当您只是单击一个表格行时,它会打开一个只显示该行的新页面。

1 个答案:

答案 0 :(得分:0)

你可以在桌子上绑定点击事件....

function showRowDetails(event){
    var w = window.open();
    w.document.body.innerHTML="<table border='1'>"+event.target.parentNode.innerHTML+"</table>";
}

HTML

<table border="1" onclick="showRowDetails(event)">
   <tr>...</tr>...
</table>

或者你也可以显示一个弹出式div而不是打开一个新窗口...