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

解决方案 »

  1.   

    <td><a href=# par="a" onclick="show(this.par);"/></td>
    <td><a href=# par="b" onclick="show(this.par);"/></td>
      

  2.   

    2楼的哥哥   我是像知道这个show（）   function  怎么写？
      

  3.   

    2楼的哥哥，我现在是不能修改table中的html，只能写function
      

  4.   

    <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>
      

  5.   

    5楼的哥哥，您写的好像在jsp中不行哦
      

  6.   

    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> 如何处理啊
      

  7.   

    <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>
      

  8.   

    消息: 'currentActiveRow' 为空或不是对象
    行: 8
    字符: 4
    代码: 0
    URI: file:///C:/Documents%20and%20Settings/Administrator/桌面/新建%20文本文档%20(2).html
    <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>消息: 'currentActiveRow' 为空或不是对象
    行: 8
    字符: 4
    代码: 0
    URI: file:///C:/Documents%20and%20Settings/Administrator/桌面/新建%20文本文档%20(2).html
      

  9.   

    有能让我点击能显示table的当前行的吗？
      

  10.   

    <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>
      

  11.   

    <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> 
    不好意思  少行了  
      

  12.   

    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>
      

  13.   

    <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>