通过JavaScript将php变量传递到另一个php页面

Question

我想在单击整行时将id传递到下一页。 我本人尝试这样做，但未能这样做。 我的代码如下：

$( "#tablerow" ).click(function() {
  var jobvalue=$("#jobid").val();
  alert(jobvalue);
  window.location.href = "jobsview.php?id=" + jobvalue;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tbody>
   <tr id="tablerow">
    <td><?=$srno?></td>
    <td id="jobid"><?=$row['ID']?></td>
   </tr>
  </tbody>
</table>

Answer 1

val()方法适用于input，select等表单元素。

使用text()方法，

var jobvalue = $("#jobid").text();

更新

在整个文档中，HTML只能有一个ID。要启用多个元素的点击事件并将被点击的元素传递到另一页上，请将ID属性更改为class。

<table>
  <tbody>
    <tr class="tablerow" >
     <td><?=$srno?></td>
     <td class="jobid"><?=$row['ID']?></td>
    </tr>
  </tbody>
</table>

然后您可以按如下所示在JS中单击一次，

$( ".tablerow" ).click(function() {
   /**  $(this) will refer to current tablerow clicked
     *  .find(".jobid") will find element with class `jobid`
     *  inside currently clicked tablerow
   */
   var jobvalue = $(this).find(".jobid").text();
   alert(jobvalue);
   window.location.href = "jobsview.php?id=" + jobvalue;
});