jQuery динамически отображать таблицу из базы данных с помощью select - PullRequest
1 голос
/ 24 февраля 2020

Этот код должен отображаться каждый раз, когда некоторые данные из моей базы данных меняются при выборе опции.

Кнопка выбора

<head>    
<script src="jquery-3.4.1.min.js"></script>
</head>


    <select id="seira" class="seira">
        <option value="ola">ΣΕΙΡΑ</option>
        <option value="S 67">S 67</option>    
        <option value="M 9660">M 9660</option>
        <option value="M 11000">M 11000</option>
        <option value="M 20000">M 20000</option>
        <option value="M 9400">M 9400</option>
        <option value="S 560">S 560</option>
        <option value="S 350">S 350</option>
        <option value="M 14600">M 14600</option>
        <option value="M 9200">M 9200</option>
        <option value="ΣΗΤΕΣ">ΣΗΤΕΣ</option>
        <option value="ΓΑΛΟΝΑΚΙΑ">ΓΑΛΟΝΑΚΙΑ</option>
        <option value="ΠΗΧΑΚΙΑ">ΠΗΧΑΚΙΑ</option>
        <option value="ΑΡΜΟΚΑΛΥΠΤΡΑ">ΑΡΜΟΚΑΛΥΠΤΡΑ</option>
        <option value="ΡΑΜΠΟΤΕ">ΡΑΜΠΟΤΕ</option>
    </select>



<script>
$(document).ready(function(){
    $('select.seira').change(function(){
        var seira = $("#seira").val();
        $.post("display_seira.php", 
                {
                     seira : seira
                },function(data){

                    $("#display").html(data);

                });

    });
});
</script>

Заголовок таблицы и ниже я хочу отобразить свою базу данных

<table>  
        <thead>
            <tr>
                <th>ID</th>
                <th>Περιγραφή</th>
                <th>Kατασκευαστής</th>
                <th><?php include_once 'select_seira.php' ?></th>
                <th>Χρώμα</th>
                <th>Μήκος</th>
                <th>Ποσότητα</th>
                <th>Τοποθεσία</th>    
            </tr>
        </thead>

        <p id="display"></p>          

    </table>

Если выбрано 1-е значение, то я хочу отобразить всю свою базу данных, иначе я хочу отобразить "seira", которую я выбрал.

<?php
include_once 'database/database_connection.php';
$seira = $_POST['seira'];
?>


<?php  
 if ($seira = 'ola') {  ?>
    <tbody>         
    <?php

           $sql = "SELECT * FROM stock_alumil;";
           $result = mysqli_query($conn, $sql);      
           $resultCheck = mysqli_num_rows($result);
           if ($resultCheck > 0) {
               while  ($row = mysqli_fetch_assoc($result)){
                   ?>
<tr id="row"  ?>
   <td style="font-weight: bold; letter-spacing: 2px;"><?php echo $row['id']; ?>
   <input type="hidden" name='id' value="<?php echo $row['id']; ?>"></td>
   <td style="font-style: italic;"><?php echo $row['name']; ?></td>
   <td style="font-style: oblique;"><?php echo $row['buyer']; ?></td>
   <td style="font-style: italic;"><?php echo $row['seira']; ?></td>          
   <td><?php echo $row['color']; ?></td>
   <td><?php echo $row['length']; 
   echo " (mm)";?></td>
   <td id="value10" style="font-weight: bold; background:<?= ($row['value'] >= 10 ? 'rgb(132, 247, 132)' : ($row['value'] >= 5? 'orange' : 'rgb(247, 132, 132)'));?>"><?php echo $row['value'];?>
   <input type="hidden" name='value' value="<?php echo $row['value']; ?>"></td> 


   <td><?php echo $row['place'];?></td>  


</tr>


       <?php
           }    
       }

       ?>

</tbody>
<?php }else {?>
    <tbody>         
                    <?php
                        $i = 0;
                        $sql = "SELECT * FROM `stock_alumil` WHERE `seira`='$seira';";
                        $result = mysqli_query($conn, $sql);      
                        $resultCheck = mysqli_num_rows($result);
                        if ($resultCheck > 0) {
                            while  ($row = mysqli_fetch_assoc($result)){
                                ?>
            <tr id="row"  ?>
                <td style="font-weight: bold; letter-spacing: 2px;"><?php echo $row['id']; ?>
                <input type="hidden" name='id' value="<?php echo $row['id']; ?>"></td>
                <td style="font-style: italic;"><?php echo $row['name']; ?></td>
                <td style="font-style: oblique;"><?php echo $row['buyer']; ?></td>
                <td style="font-style: italic;"><?php echo $row['seira']; ?></td>          
                <td><?php echo $row['color']; ?></td>
                <td><?php echo $row['length']; 
                echo " (mm)";?></td>
                <td id="value10" style="font-weight: bold; background:<?= ($row['value'] >= 10 ? 'rgb(132, 247, 132)' : ($row['value'] >= 5? 'orange' : 'rgb(247, 132, 132)'));?>"><?php echo $row['value'];?>
                <input type="hidden" name='value' value="<?php echo $row['value']; ?>"></td> 


                <td><?php echo $row['place'];?></td>   


            </tr>


                    <?php
                        }    
                    }

                    ?>

        </tbody>
<?php } ?> 

Я попробовал, но он отображает только первое значение, которое я выбираю, и когда я хочу изменить свое значение выбора, он ничего не делает.

Любые идеи

1 Ответ

0 голосов
/ 25 февраля 2020

Привет, ребята, я нашел ответ для своего кода. Я отправлю это ниже, если кто-то захочет проверить это.

Новый jQuery Код

<script>
$(document).ready(function(){
    $('select.seira').change(function(){       
        $("select option:selected").each(function(){
            $("#display_full").hide();
            var seira = $(this).val();
            $.post("display_seira.php", 
                {
                     seira : seira
                },function(data){    
                    $("#display").html(data);  
                });
        })
    });
});
</script>

Теперь каждый раз, когда я меняю свою опцию выбора одна новая таблица отображается автоматически, без обновления страницы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...