单击表格tr时显示和隐藏表单

时间:2017-02-08 13:13:24

标签: jquery html css

当我点击表格的tr时,类(修饰符)的显示变为阻止,但是当我点击提交按钮时,我不知道为什么它(消除修饰符)消失了。

这是代码:

<html>
<head>
    <style>
        .modifier {
            display: none;
        }
    </style>
</head>
<body>
    <div class="table-Afficher">
        <table border="1">
            <thead>
                <tr><th>Code</th></tr>
            </thead>
            <tbody>
                <tr><td>PO 500</td></tr>
            </tbody>
        </table>
    </div>
    <div class="modifier">
        <form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF'])?>" method="POST">
            <input type="text" name="code" placeholder="Entrer le nouveaux Code......">
            <input type="submit" value="Enregistre" name="Enregistre">
            <p><?php if (isset($message)): echo $message; endif;?></p>
        </form>
    </div>
</body>
<script src="JavaScript/jquery-3.1.1.min.js"></script>
<script>
    $(document).ready(
        function () {
            $('.table-Afficher tbody tr').click(
                function () {
                    $('.modifier').css('display', 'block');
                }
            )
        }
    )
</script>
</html>

0 个答案:

没有答案