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

Question

I want to pass the id to the next page on clicking the entire row. I tried to do it myself but I wasn't able to do so . my code is below :

 $( "#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() method works for form elements like input , select etc.

Use text() method,

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

Update

An HTML can have only one ID throughout the document. To enable click event for multiple elements and pass the one that is clicked onto another page, change ID attribute to class .

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

Then you can get the once clicked in JS as follows,

$( ".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;
});