日期:2014-05-17  浏览次数:20555 次

JS获取循环表格中input的值
请问我该如何获取到鼠标点击的tr行input的值呢?
现在获取到的是始终是第一条记录。。。。。。。



JScript code

function popUserDetail(x){
    var popUp = document.getElementById("popUserDetail");
  var h = (x.rowIndex)*20;
        popUp.style.top= 25 + h + "px";
        popUp.style.left="142px";
        popUp.style.width="200px";
        popUp.style.height="100px";
        popUp.style.visibility="visible";      
      var customerId = document.getElementsByTagName("input")[0].value;
    alert (customerId);
    }




PHP code

           while ($records = mysql_fetch_array($rows)) 
              { 
                  $arr = ct($records['uniqueid']);
                  $fileLastUploadTime  = $arr[1];
             
       print       '
                    <tr id="rIndex" onclick="popUserDetail(this)" onmousemove="hidePopUserDetail()">
                    <input type="hidden" name="customerId" value="'.$records["uniqueid"].'"> 
                    <input type="hidden" name="firstLogin" value="'.$records["firstLogin"].'"> 
                    <input type="hidden" name="address" value="'.$records["address"].'">                                    
                         <td width="40px">'.st($records['lastT'],$fileLastUploadTime).'</td>
                          <td width="100px">'.$records['barName'].'</td>
                          <td width="160px">'.$records['lastLogin'].'</td>
                          <td width="160px">'.date("Y-m-d H:i:s",$arr[1]).'</td>
                          <td width="150px">'.$records['endTM'].'</td>
                          <td width="40px">'.$arr[0].'</td>
                          <td width="40px" style="border-right:0;">'.$records['version'].'</td>
                          </tr>';
                  } 
 print                  '</table>
                    <div class="popUserDetail" id="popUserDetail">
                          <table>
                          <tr><td id="">客户编号:</td><td id="cId"></td></tr>                                          
                          <tr><td>客户地址:</td><td></td></tr>
                          <tr><td>初次登陆:</td><td>备份周期:</td></td></tr>
                          <tr><td>联系QQ:</td><td>联系电话:</td></td></tr>
                          </table>
                    </div>



------解决方案--------------------
看看你这句是什么?

 var customerId = document.getElementsByTagName("input")[0].value;

索引是0当然永远是第一个。

改为:
var customerId = document.getElementsByTagName("input")[x.rowIndex].value;

Try It Again!
------解决方案--------------------
var customerId = document.getElementsByTagName("input")[0].value;写错了
------解决方案--------------------
探讨
<input type="hidden" name="customerId" value="'.$records["uniqueid"].'">
<input type="hidden&qu