Error in Passing PHP value to another page using JavaScript

Question

I have an HTML which displays data from a database table. There'a checkbox field, which stores id of the user. And when I click on a row, that ID has to be passed to another page using a JavaScript function. But I have encountered a few errors. I don't know where I went wrong.

This is my Javascript function. It is used to make the table rows clickable. SO when I click on a row, the corresponding ID is passed to editgroup.php page.

<script>
    $('table.table tbody tr').click(function(event)
    {
       if(event.target.type === 'checkbox')
       {
            event.preventdefault()
       }
       else
       {
        window.location='edituser.php?val=<?php echo $id; ?>';
       }
    }); 
</script>

Below given is my table:

<table id="edituser" class="clickable"
    <thead>
        <th></th>
        <th>UserID</th>
        <th>Username</th>
    </thead>
    <tbody>
        <?php
            for($i=0; $i<$x; $i++)
            {
             $id= $val_array[$i]['id'];                                  
            $userName= $val_array[$i]['userName'];
        ?>
        <tr>
            <td class="text-center"><input type="checkbox" value="<?php echo $id;  ?>"></td>
            <td><?php echo $id;  ?></td>
            <td><?php echo $userName;  ?></td>
        </tr>
        <?php } ?>
    </tbody>
</table>

You can't write javascript mixed up with php

Ranjith
– Ranjith

2014-05-22 09:58:08 +00:00
Commented May 22, 2014 at 9:58 — Ranjith
– Ranjith, Commented May 22, 2014 at 9:58
Is there a solution??? @Ranjith

Smokey
– Smokey

2014-05-22 10:01:15 +00:00
Commented May 22, 2014 at 10:01 — Smokey
– Smokey, Commented May 22, 2014 at 10:01
@TheJoker I posted my answer.

Ranjith
– Ranjith

2014-05-22 10:12:48 +00:00
Commented May 22, 2014 at 10:12 — Ranjith
– Ranjith, Commented May 22, 2014 at 10:12

Satish Sharma · Accepted Answer · 2014-05-22 10:36:39Z

2

you have to make some change

First in your tr add id like this

<?php
for($i=0; $i<$x; $i++)
{
 $id= $val_array[$i]['id'];  //data from database                                
$userName= $val_array[$i]['userName']; //data from database  
?>
<tr id="<?php echo $id;?>"> <!-- add id here -->
<td ><input type="checkbox" value="<?php echo $id;  ?>"></td>
<td><?php echo $id;  ?></td>
<td><?php echo $userName;  ?></td>
</tr>
<?php } ?>

now your JS

<script>
            $('table.clickable tbody tr').click(function(event){
                if(event.target.type === 'checkbox'){
                    event.preventdefault()
                }else{
                    var val = $(this).attr('id');
                    window.location='edituser.php?val='+val;
                }
            }); </script>

edited May 22, 2014 at 10:36

answered May 22, 2014 at 10:00

Satish Sharma

9,6356 gold badges31 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Smokey Over a year ago

returns undefined. @Satish Sharma

Satish Sharma Over a year ago

@TheJoker wrong class is applied in the jquery i had changed it see the updated jquery function and try now. i had added class clickable in jquery

Smokey Over a year ago

returns undefined again. @Satish Sharma

Satish Sharma Over a year ago

make some more changes in jquery function try now

biswajitGhosh · Accepted Answer · 2014-05-22 09:59:43Z

0

Your Javascript will be

      $('table.table tbody tr').click(function(event){
            if(event.target.type === 'checkbox'){
                event.preventdefault()
            }else{
                var value = (this).find("input[type='checkbox']").val();   /* Get value from clicked tr Checkbox */
                window.location.replace('edituser.php?val='+value); /* Pass the value */
            }
        });

answered May 22, 2014 at 9:59

biswajitGhosh

1571 gold badge2 silver badges17 bronze badges

Comments

Ranjith · Accepted Answer · 2014-05-22 10:33:49Z

0

Create new function with dynamic id for your table row

<tr onclick="edit_user(<?php echo $id;?>)" >
      ....
</tr>

Then you can find your row of where you have to click

<script>
    function edit_user(user_id) {
       if(user_id != '') {
           window.location='edituser.php?val='+user_id;
       }
    }
</script>

Or else

This is more even simple your code.

<input type="checkbox" value="<?php echo $id;  ?>" onclick="document.location.href='edituser.php?val=<?php echo $id; ?>'">

edited May 22, 2014 at 10:33

answered May 22, 2014 at 10:10

Ranjith

2,8393 gold badges24 silver badges42 bronze badges

Collectives™ on Stack Overflow

Error in Passing PHP value to another page using JavaScript

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related