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

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




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>



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

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

Statement
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
What is the difference between unset() and session_destroy()?What is the difference between unset() and session_destroy()?May 04, 2025 am 12:19 AM

Thedifferencebetweenunset()andsession_destroy()isthatunset()clearsspecificsessionvariableswhilekeepingthesessionactive,whereassession_destroy()terminatestheentiresession.1)Useunset()toremovespecificsessionvariableswithoutaffectingthesession'soveralls

What is sticky sessions (session affinity) in the context of load balancing?What is sticky sessions (session affinity) in the context of load balancing?May 04, 2025 am 12:16 AM

Stickysessionsensureuserrequestsareroutedtothesameserverforsessiondataconsistency.1)SessionIdentificationassignsuserstoserversusingcookiesorURLmodifications.2)ConsistentRoutingdirectssubsequentrequeststothesameserver.3)LoadBalancingdistributesnewuser

What are the different session save handlers available in PHP?What are the different session save handlers available in PHP?May 04, 2025 am 12:14 AM

PHPoffersvarioussessionsavehandlers:1)Files:Default,simplebutmaybottleneckonhigh-trafficsites.2)Memcached:High-performance,idealforspeed-criticalapplications.3)Redis:SimilartoMemcached,withaddedpersistence.4)Databases:Offerscontrol,usefulforintegrati

What is a session in PHP, and why are they used?What is a session in PHP, and why are they used?May 04, 2025 am 12:12 AM

Session in PHP is a mechanism for saving user data on the server side to maintain state between multiple requests. Specifically, 1) the session is started by the session_start() function, and data is stored and read through the $_SESSION super global array; 2) the session data is stored in the server's temporary files by default, but can be optimized through database or memory storage; 3) the session can be used to realize user login status tracking and shopping cart management functions; 4) Pay attention to the secure transmission and performance optimization of the session to ensure the security and efficiency of the application.

Explain the lifecycle of a PHP session.Explain the lifecycle of a PHP session.May 04, 2025 am 12:04 AM

PHPsessionsstartwithsession_start(),whichgeneratesauniqueIDandcreatesaserverfile;theypersistacrossrequestsandcanbemanuallyendedwithsession_destroy().1)Sessionsbeginwhensession_start()iscalled,creatingauniqueIDandserverfile.2)Theycontinueasdataisloade

What is the difference between absolute and idle session timeouts?What is the difference between absolute and idle session timeouts?May 03, 2025 am 12:21 AM

Absolute session timeout starts at the time of session creation, while an idle session timeout starts at the time of user's no operation. Absolute session timeout is suitable for scenarios where strict control of the session life cycle is required, such as financial applications; idle session timeout is suitable for applications that want users to keep their session active for a long time, such as social media.

What steps would you take if sessions aren't working on your server?What steps would you take if sessions aren't working on your server?May 03, 2025 am 12:19 AM

The server session failure can be solved through the following steps: 1. Check the server configuration to ensure that the session is set correctly. 2. Verify client cookies, confirm that the browser supports it and send it correctly. 3. Check session storage services, such as Redis, to ensure that they are running normally. 4. Review the application code to ensure the correct session logic. Through these steps, conversation problems can be effectively diagnosed and repaired and user experience can be improved.

What is the significance of the session_start() function?What is the significance of the session_start() function?May 03, 2025 am 12:18 AM

session_start()iscrucialinPHPformanagingusersessions.1)Itinitiatesanewsessionifnoneexists,2)resumesanexistingsession,and3)setsasessioncookieforcontinuityacrossrequests,enablingapplicationslikeuserauthenticationandpersonalizedcontent.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

SecLists

SecLists

SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

Atom editor mac version download

Atom editor mac version download

The most popular open source editor

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)