javascript - 获取特定行的单元格数据
问题描述
嘿伙计们,我有这段代码可以从我的数据库中获取数据并将其发布到 html 表中。我想在单击按钮后将与按钮对应的特定行或单元格数据发送到我使用的段落元素
console.log(this.childNodes[0].innerHTML); // column 1 in row1
但它不起作用这是我的代码
<?php
if(isset($_POST['searchbox'])){
$bloodonation =$_POST['searchbox'];
$multiple= explode(',',$bloodonation);
$var1 = $multiple[0]; // firstname
$var2 = $multiple[1]; // fathername
$var3 = $multiple[2]; // lastname /*bloodtype.blood_type='$var4' AND bodytype.bodytype='$var5' AND */
$_SESSION["firstname"] = $var1;
$_SESSION["fathername"] = $var2;
$_SESSION["lastname"] = $var3;
if(!empty($bloodonation)){
//$myfile = fopen("file.txt", "w");
//file_put_contents('file.txt',$bloodonation);
//fclose($myfile);
$bloodquery ="SELECT personprofile.firstname,personprofile.fathername,personprofile.lastname,bloodtype.blood_type,bodytype.bodytype,personprofile.bloodoner,personprofile.organdoner
FROM personprofile,bloodtype,bodytype
WHERE personprofile.bloodtype= bloodtype.id AND
personprofile.hascancer ='No' AND personprofile.chronicdisease= 'No' AND personprofile.autoimmunedisease= 'No' AND
personprofile.bodytype= bodytype.id";
//$sql = "SELECT `firstname`, `fathername`, `lastname` FROM `personprofile` WHERE chronicdisease=\"No\" AND hascancer=\"No\" AND autoimmunedisease=\"No\"";
$bloodqr=mysqli_query($link,$bloodquery);
echo "<table>";
echo "<tr><th>Firstname</th><th>Fathername</th><th>Lastname</th><th>Blood type</th><th>Body type</th></tr> ";
while($row=mysqli_fetch_assoc($bloodqr)){
echo"<tr><td>";
echo $row['firstname'];
echo "</td><td>";
echo $row['fathername'];
echo "</td><td>";
echo $row['lastname'];
echo "</td><td>";
echo $row['blood_type'];
echo "</td><td>";
echo $row['bodytype'];
echo "</td><td>";?><html><button onclick="outputdata()">Send Email</button></html> <?php
echo"</td></tr>";
}
}
} ?>
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var paragraphdata = document.getElementById("demo");
function outputdata() {
console.log(this.childNodes[0].innerHTML); // col1
console.log(this.childNodes[1].innerHTML); // col2
paragraphdata.innerHTML = "Geolocation is not supported by this browser.";
}
</script>
</body>
</html>
解决方案
您可以尝试使用这种方法。首先,您应该在 tr 标签中设置一个唯一的 id。您可以使用 tr 标签 id 获取 td 标签的数据。
echo '<tr id="'.$unique_id.'">';
$("button").click(function(){
console.log($(this).closest('tr').index()); // Get the value of tr tag id.
}
- 您也可以尝试使用此链接
推荐阅读
- python - 具有与熊猫匹配的列值的行之间的百分比差异
- r - R:使用 ggplot2 在圆形条形图上添加箭头
- ios - 我可以在 PlayStore 和 App Store 上运行发布 Microsoft PowerApps 应用程序吗?
- javascript - 如何使用 nashorn 在 jvm 中加载具有类的 java 脚本
- python - 仅填充熊猫数据框中的某些列
- java - 我在 Java 循环练习中需要帮助
- mysql - MySQL 每组有效的最大 N 个值
- visual-studio - 将 Azure DevOps 符号用于 Visual Studio 调试符号源
- c - 下面提到的代码中左值错误的原因是什么?
- python - 使用 conda 成功安装后无法导入 pocketsphinx