-1
votes

Génération d'un bouton sur la sélection de la case à cocher PHP de MySQL

J'ai ce projet dans lequel l'utilisateur sélectionne des éléments à l'aide d'une case à cocher, puis un bouton est généré à partir de ce nom de cet élément.

<!DOCTYPE html>
<html>
<head>
<title>webs</title>
</head>
<body>
    <h2>Select User:</h2>
    <div>
    <form method="POST">
    <table border="1">
        <thead>
            <th></th>
            <th>Subject</th>

        </thead>
        <tbody>

            <?php
            include('get.php');
                $query=mysqli_query($conn,"select * from `subjects`");
                while($row=mysqli_fetch_array($query)){
             ?>
                <tr>
                    <td><input type="checkbox" value="<?php echo $row['subject']; ?>" name="id[]"></td>
                    <td><?php echo $row['subject']; ?></td>
                </tr>
                <?php
            }
        ?>
    </tbody>
</table>
<br>
<input type="submit" name="submit" value="Submit">
</form>
</div>
<div>
    <h2>Subjects selected:</h2>
    <button class="button"><span><?php
        if (isset($_POST['submit'])){
            foreach ($_POST['id'] as $id):

            $sq=mysqli_query($conn,"select * from `subjects` where subject='$id'");
            $srow=mysqli_fetch_array($sq);
            echo $srow['subject']."<br>";
            endforeach;

        }

    ?></span></button>

</div>


2 commentaires

devrait être à l'intérieur de votre foreach ($ _post ['id'] as $ ID): Si vous avez besoin de bouton séparé par ID .


Je suis un peu confus quant à quel problème vous rencontrez. Vous ne semblez pas avoir tentative pour créer un élément de bouton par résultat. Vous faites déjà un foreach boucle. Donc, créez simplement le bouton à l'intérieur la boucle au lieu de l'extérieur.


3 Réponses :


0
votes

Vous devez mettre à l'intérieur de pourcheach, mitkosoft c'est juste.


0 commentaires

1
votes

Vous devez essayer de suivre le code suivant pour générer un bouton séparé.

<!DOCTYPE html>
<html>
<head>
<title>webs</title>
</head>
<body>
    <h2>Select User:</h2>
    <div>
    <form method="POST">
    <table border="1">
        <thead>
            <th></th>
            <th>Subject</th>

        </thead>
        <tbody>

            <?php
            include('get.php');
                $query=mysqli_query($conn,"select * from `subjects`");
                while($row=mysqli_fetch_array($query)){
             ?>
                <tr>
                    <td><input type="checkbox" value="<?php echo $row['subject']; ?>" name="id[]"></td>
                    <td><?php echo $row['subject']; ?></td>
                </tr>
                <?php
            }
        ?>
    </tbody>
</table>
<br>
<input type="submit" name="submit" value="Submit">
</form>
</div>
<div>
    <h2>Subjects selected:</h2>
    <?php
        if (isset($_POST['submit'])){
            foreach ($_POST['id'] as $id):
                $sq=mysqli_query($conn,"select * from `subjects` where subject='$id'");
                $srow=mysqli_fetch_array($sq);
    ?>
            <button class="button">
                 <span> 
                    <?php echo $srow['subject']; ?> 
                 </span> 
            </button>
            <?php
              endforeach;
              }
            ?>
    </div>


2 commentaires

Merci. Mais aucun texte n'apparaît à l'intérieur des boutons.


J'ai mis à jour un peu un peu. S'il vous plaît re-copier et coller. Restez à imprimer à l'intérieur du bouton. J'ai donc mis l'écho pour cela.



1
votes

Je pense que vous utiliserez JavaScript pour cela, je vous donne la syntaxe en JavaScript, car JavaScript est le meilleur moyen de le rendre dynamique.

premier code PHP strong> p> xxx pré>

puis javascript strong> p> xxx pré>

bouton strong> p> xxx PRE>

Ajout d'animation à la touche STROR> P>

.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)}
  to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
  from {transform: scale(0)}
  to {transform: scale(1)}
}


0 commentaires