Question

此脚本保存我单击的行的ID。但现在我想做：＆＃34;如果我点击buttonmodif，然后更改网址并将变量number（该行的ID）发送到网址（和下一页）。我不确定该怎么做。

我想将变量number保存在脚本之外，当我点击buttonmodif时，我将变量发送到另一个网址。

感谢您的回答！

HTML文件：

<div id="page-wrapper" style=" padding-left: 20px">
    <form method="post" name="employes1" action="employes.php">
        <div class="container-fluid">
            <div class="row">
                <div class=" text-center">
                    <button type="button"
                            class="btn btn-default"><?php echo '<a href="employesajout.php" > Ajouter un employé </a>'; ?></button>


                    <button type="submit" name="buttonmodif" id="modifon"> Mofidier informations</button>
                    <button type="submit" class="btn btn-default">Supprimer employé</button>
                    <button type="button" class="btn btn-default">Créer un contrat de travail</button>
                </div>

            </div>
            <div class="row table-responsive">

                <table class="table table-bordered table-hover" id="MyTable">
                    <thead class="-inverse">

                    <?php
                    $rep = $bdd->prepare('SELECT * from employee');
                    $rep->execute();
                    $resultat = $rep->fetchAll();
                    ?>


                    <tr>
                        <th>#</th>
                        <th>Nom</th>
                        <th>Prénom</th>
                        <th>Résidence</th>
                        <th>NAS</th>
                        <th>Date d'entré</th>
                        <th>Heure /semaine</th>
                        <th>Salaire brute</th>
                        <th>Salaire net</th>
                        <th>Vacance (s)</th>
                        <th>Email</th>


                    </tr>

                    </thead>
                    <tbody>

                    <?php foreach ($resultat as $row) {

                        echo "
                  <tr class ='clickable-row'>
                    <td>$row[0]</td>
                    <td>$row[1]</td>
                    <td>$row[2]</td>
                    <td>$row[3]</td>
                    <td>$row[4]</td>
                    <td>$row[5]</td>
                    <td>$row[6]</td>
                    <td>$row[7]</td>
                    <td>$row[8]</td>
                    <td>$row[9]</td>
                    <td>$row[10]</td>
                </tr>";

                    };

                    ?>

                    <script>

                        $(document).ready(function ($) {

                            $(".clickable-row").click(function () {

                                var number = parseInt($(this).closest('tr').children().eq(0).text());
                                console.log(number);

                            });


                            // active click hilight
                            $('td').click(function () {
                                $('tr').removeClass('active');
                                $(this).parent().addClass('active');
                            });


                        });

                    </script>


                    </tbody>
                </table>

            </div>

        </div>
    </form>

</div>

Answer 1

在click函数之外声明变量。然后在使用该变量的click按钮上绑定buttonmodif处理程序。您可以向表单添加type="hidden"输入，并将值放在那里。

$(document.ready(function() {
    var number;

    $(".clickable-row").click(function() {
        number = parseInt($(this).closest('tr').children().eq(0).text());
        console.log(number);
    });

    $("#modifon").click(function() {
        $("#hiddenfield").val(number);
    });
});

需要在外面使用变量JS并使用按钮发送数据

1 个答案: