Home > Backend Development > PHP Tutorial > JS获取循环表格中input的值,该怎么处理

JS获取循环表格中input的值,该怎么处理

WBOY
Release: 2016-06-13 13:33:03
Original
1724 people have browsed it

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



JScript code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->
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);
    }

Copy after login



PHP code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->
           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                  '
                    <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>
</tr>
                          <tr>
<td>联系QQ:</td>
<td>联系电话:</td>
</tr>
                          </table>
                    </div>

Copy after login


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

 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;写错了
------解决方案--------------------
探讨

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template