検索
ホームページバックエンド開発PHPチュートリアルJSがループテーブルに入力値を取得する場合の対処方法

JS ループテーブルの入力値を取得する
マウスでクリックしたtr行の入力値を取得するにはどうすればよいでしょうか?
常に最初のレコードが取得されるようになりました。 。 。 。 。 。 。



JScript コード
<!--

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

もう一度お試しください。
------解決策----------------------
var customerId = document.getElementsByTagName("input" ) [0].value;間違って書き込まれました
------解決策---------
話し合う

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
华为GT3 Pro和GT4的差异是什么?华为GT3 Pro和GT4的差异是什么?Dec 29, 2023 pm 02:27 PM

许多用户在选择智能手表的时候都会选择的华为的品牌,其中华为GT3pro和GT4都是非常热门的选择,不少用户都很好奇华为GT3pro和GT4有什么区别,下面就就给大家介绍一下二者。华为GT3pro和GT4有什么区别一、外观GT4:46mm和41mm,材质是玻璃表镜+不锈钢机身+高分纤维后壳。GT3pro:46.6mm和42.9mm,材质是蓝宝石玻璃表镜+钛金属机身/陶瓷机身+陶瓷后壳二、健康GT4:采用最新的华为Truseen5.5+算法,结果会更加的精准。GT3pro:多了ECG心电图和血管及安

修复:截图工具在 Windows 11 中不起作用修复:截图工具在 Windows 11 中不起作用Aug 24, 2023 am 09:48 AM

为什么截图工具在Windows11上不起作用了解问题的根本原因有助于找到正确的解决方案。以下是截图工具可能无法正常工作的主要原因:对焦助手已打开:这可以防止截图工具打开。应用程序损坏:如果截图工具在启动时崩溃,则可能已损坏。过时的图形驱动程序:不兼容的驱动程序可能会干扰截图工具。来自其他应用程序的干扰:其他正在运行的应用程序可能与截图工具冲突。证书已过期:升级过程中的错误可能会导致此issu简单的解决方案这些适合大多数用户,不需要任何特殊的技术知识。1.更新窗口和Microsoft应用商店应用程

如何修复无法连接到iPhone上的App Store错误如何修复无法连接到iPhone上的App Store错误Jul 29, 2023 am 08:22 AM

第1部分:初始故障排除步骤检查苹果的系统状态:在深入研究复杂的解决方案之前,让我们从基础知识开始。问题可能不在于您的设备;苹果的服务器可能会关闭。访问Apple的系统状态页面,查看AppStore是否正常工作。如果有问题,您所能做的就是等待Apple修复它。检查您的互联网连接:确保您拥有稳定的互联网连接,因为“无法连接到AppStore”问题有时可归因于连接不良。尝试在Wi-Fi和移动数据之间切换或重置网络设置(“常规”>“重置”>“重置网络设置”>设置)。更新您的iOS版本:

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code<form name="myform"

watch4pro好还是gt好watch4pro好还是gt好Sep 26, 2023 pm 02:45 PM

watch4pro和gt各自具有不用的特点和适用场景,如果注重功能的全面性、高性能和时尚外观,同时愿意承担较高的价格,那么Watch 4 Pro可能更适合。如果对功能要求不高,更注重电池续航和价格的合理性,那么GT系列可能更适合。最终的选择应根据个人需求、预算和喜好来决定,建议在购买前仔细考虑自己的需求,并参考各种产品的评测和比较,以做出更明智的选择。

如何在Java 14中使用Records类来创建可变数据对象如何在Java 14中使用Records类来创建可变数据对象Jul 30, 2023 pm 08:55 PM

如何在Java14中使用Records类来创建可变数据对象引言:Java14是Java编程语言的最新版本,其中引入了Records类作为一种新的数据类型。Records类提供了一种简洁的方式来创建不可变数据对象。在本文中,我们将介绍如何在Java14中使用Records类来创建可变数据对象,并提供相应的代码示例。一、Records类的介绍Records

如何使用 iPadOS 17.4 优化 iPad 电池寿命如何使用 iPadOS 17.4 优化 iPad 电池寿命Mar 21, 2024 pm 10:31 PM

如何使用iPadOS17.4优化iPad电池寿命延长电池续航时间是移动设备体验的关键,iPad是一个很好的例子。如果您觉得iPad电池消耗速度过快,不用担心,在iPadOS17.4中有许多技巧和调整可以显著延长设备的运行时间。本深入指南的目标不仅仅是提供信息,而是改变您使用iPad的方式,增强您的整体电池管理,并确保您可以在无需充电的情况下更长时间地依赖您的设备。通过采用此处概述的做法,您朝着更高效、更谨慎地使用技术迈出了一步,这些技术是根据您的个人需求和使用模式量身定制的。识别主要的能量消耗者

Microsoft正在推出Windows 11 23H2版本到带有Copilot的发布预览频道Microsoft正在推出Windows 11 23H2版本到带有Copilot的发布预览频道Sep 28, 2023 pm 07:17 PM

每个人都在期待今天的Windows1123H2发布。事实上,Microsoft刚刚启动了对发布预览版的更新,这是正式发布阶段之前最接近的频道。被称为Build22631的Microsoft表示,他们正在推出新的更名聊天应用程序,电话链接和一起玩小部件,这些小部件在过去几个月中已在其他内部渠道中进行了测试。“这个新的更新将具有与Windows11版本22H2相同的服务分支和代码库,并将与所有新宣布的功能累积,包括Windows中的Copilot(预览版),”Microsoft承诺。雷德蒙德官员进一

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター