如何知道点击的是 同名输入框的第几个 ？

代码中有动态生成的<tr>   既是<table>中<tr>的数量是可变的  每个<tr>中都有输入框  我如何在点击输入框时知道点击的是第几个<tr>中的输入框  我想在 onclick（）方法中得到这个 “第几”是多少？<tr><input type='text' name ='many' onlclick="function()"> </tr>
<tr><input type='text' name ='many' onlclick="function()"> </tr>
<tr><input type='text' name ='many' onlclick="function()"> </tr>
<tr><input type='text' name ='many' onlclick="function()"> </tr>
<tr><input type='text' name ='many' onlclick="function()"> </tr>
<tr><input type='text' name ='many' onlclick="function()"> </tr>
<tr><input type='text' name ='many' onlclick="function()"> </tr>
<tr><input type='text' name ='many' onlclick="function()"> </tr>function(){取得点击的是哪个text}

解决方案 »

  1.   

    onlclick="fun(this)"var fun=function(el)
    {
      alert(el.value)
    };
      

  2.   


    <tr><input type='text' name='many' onclick="func()"></tr>
    <tr><input type='text' name='many' onclick="func()"></tr>
    <tr><input type='text' name='many' onclick="func()"></tr>
    <tr><input type='text' name='many' onclick="func()"></tr>
    <tr><input type='text' name='many' onclick="func()"></tr>
    <tr><input type='text' name='many' onclick="func()"></tr>
    <tr><input type='text' name='many' onclick="func()"></tr>
    <tr><input type='text' name='many' onclick="func()"></tr><script >function func() { 
    var event = window.event || arguments.callee.caller.arguments[0];
    var src = event.srcElement || event.target; alert(src.value);
    }</script>
      

  3.   


    <script>
    function a(obj){
       alert(obj.parentNode.parentNode.rowIndex)
    }
    </script>
    <body>
        <table>
            <tr><td>  <input type='text' name ='many' onclick=a(this)> </td></tr>
            <tr><td> <input type='text' name ='many' onclick="a(this)"></td> </tr>
            <tr><td> <input type='text' name ='many' onclick="a(this)"> </td></tr>
            <tr> <td><input type='text' name ='many' onclick="a(this)"></td> </tr>
            <tr><td> <input type='text' name ='many' onclick="a(this)"> </td></tr>
            <tr> <td><input type='text' name ='many' onclick="a(this)"> </td></tr>
            <tr><td> <input type='text' name ='many' onclick="a(this)"></td> </tr>
            <tr><td> <input type='text' name ='many' onclick="a(this)"></td> </tr>
        </table>
    </body>
      

  4.   

    <input type='text' name ='many' onclick="fun(this)">
    <input type='text' name ='many' onclick="fun(this)">
    <input type='text' name ='many' onclick="fun(this)">
    <input type='text' name ='many' onclick="fun(this)"><script>
    function fun(obj){
    var name = obj.name;
    var objs = document.getElementsByName(name);
    for(var i=0;i<objs.length;i++){
    if(obj==objs[i]){
    alert("第"+(i+1)+"个！");
    break;
    }
    }
    }
    </script>