how to get specific data when i press a button

Question

i have created a search page that gives results based on the entered values.What i want is to get specific details of the ad when the user presses the enroll button. But i am getting the details of all the ads instead of the one the user wants to enroll into. here is the code:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/basic.css">
    <script src="js/jQuery/jquery.min.js"></script>
    <script src="css/bootstrap/js/bootstrap.min.js"></script>

    <script src="https://cdn.jsdelivr.net/jquery.validation/1.15.1/jquery.validate.min.js"></script>
    <script src="Forms/form-validation.js"></script>
</head>
<body>
<?php 
session_start();
require 'connection.php';
//include_once 'utlities.php';

$userEmail=$_SESSION['user'];
$form_string = 'd';

$sqlQuery ='SELECT * FROM `course` WHERE `course_title` LIKE "%'.$form_string.'%" OR `user_teacher` in (SELECT user_teacher FROM teacher where email in (SELECT email from person where fname like "%'.$form_string.'%" OR lname like "%'.$form_string.'%"));';
$queryExe=mysqli_query($connection,$sqlQuery);
$row = mysqli_fetch_assoc($queryExe)
 ?>
<div class="panel-body">
                    <?php while($row = mysqli_fetch_assoc($queryExe)) { ?>
                    <article class="row panel panel-default">

                        <div class="col-xs-6 col-xs-offset-3  col-sm-3 col-sm-offset-0">
                            <a href="#" title="Lorem ipsum" class="thumbnail"><img src="images/profile-default.jpg" alt="Lorem ipsum" /></a>
                        </div>
                        <div class="col-xs-12 col-sm-3">
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <i class="glyphicon glyphicon-book"></i>
                                    <span>
                                        <?php
                                            echo " ".$row["description"];
                                        ?>
                                    </span>
                                    </li>
                                    <li class="list-group-item">
                                    <i class="glyphicon glyphicon-tags"></i>
                                    <span id="courseid" >
                                        <?php
                                            echo " Course ID ".$row["courseid"];
                                        ?>
                                    </span>
                                    </li>
                                <li class="list-group-item">
                                    <i class="glyphicon glyphicon-tags"></i>
                                    <span>
                                        <?php echo" Rs. ".$row["fees"];
                                        ?>
                                    </span>
                                </li>
                            </ul>
                        </div>
                        <div class="col-xs-12 col-sm-6">
                            <h3>
                                <a href="#" title="">
                                    <?php 
                                        $sql_profile = 
                                            "SELECT `fname`,`lname`,`email`
                                                FROM `person` 
                                                WHERE `email`=(
                                                    SELECT `email` 
                                                    FROM `teacher` 
                                                    WHERE `user_teacher`=".$row["user_teacher"]."
                                                    );   
                                                ";

                                        $result_sql=mysqli_query($connection,$sql_profile);
                                        $tName = mysqli_fetch_assoc($result_sql);
                                        echo $tName["fname"]." ".$tName["lname"];
                                        $_SESSION['temail']= $tName["email"];
                                    ?>
                                </a>
                            </h3>
                            <h6><?php echo $tName['email']; ?></h6>
                            <p class="hidden-xs"><?php echo $row["course_title"]; ?></p>
                            <span class="plus">
                                <a href="#" title="Enroll" class="btn btn-success" 
                                  <?php
                                    /*if(loggedIn()){

                                         echo 'data-toggle="modal" data-target="#enroll "';

                                    }else{

                                        echo 'data-toggle="modal" data-target="#LOGIN "';
                                    }
                                    /**/
                                  ?>>
                                  <i class="glyphicon glyphicon-plus" id="enroll" ></i><span>Enroll</span>
                                </a>
                            </span>
                        </div>          
                    </article>
                    <?php 
                     }
                    ?>
                </div>


<script type="text/javascript">
    $(document).ready(function() {
        $('#enroll').click(function() {
            alert($("article").find("#courseid,h6").text());
        });
    });
</script>

</body>
</html>

`session_start();` has been run after sending HTML to the page. Look for `headers already sent` errors in yoru log file — RiggsFolly, Jul 17 '17 at 11:12
You are using duplicate ids in your HTML, since you generate it withing a while loop. Ids should be unique. Example: change `` to `" >` — Danmoreng, Jul 17 '17 at 11:13

Satpal · Answer 1 · 2017-07-17T11:26:49.563

Identifiers in HTML must be unique You are generating the element in a loop, which will create duplicate ID hence the generated HTML will be invalid.

Use CSS class with elements then attach event handlers using it. You can associate the arbitrary data using data-* custom attribute which can be fetched using .data().

HTML

<i class="glyphicon glyphicon-plus enroll" data-email="<?php echo $tName['email']; ?>" data-courseid="<?php echo $row['courseid']; ?>"></i><span>Enroll</span>

SCRIPT

$('.enroll').click(function() {
    var email = $(this).data('email');
    var courseid = $(this).data('courseid');            
});

score 1 · Answer 2 · answered Jul 17 '17 at 11:18

set unique identifier to what you want to show

    <?php
        echo "<span id=\"courseid-".$row['courseid']." \" >";
        echo " Course ID ".$row["courseid"];
    ?>

and to the enroll button

    <?php
        echo "<i class=\"glyphicon glyphicon-plus\" id=\"enroll\" data-id=\"courseid-".$row["courseid"]." \">";

    ?>

and in your script you show the specific text

    $('#enroll').click(function() {
        courseid = $(this).attr('data-id');
        alert($("#"+courseid+",h6").text());
    });

how to get specific data when i press a button

2 Answers2