Как мне спрятать свою таблицу в первый раз и показать что-то после пользовательского поиска?

Question

Я пытаюсь создать веб-сайт, на котором пользователи могут найти местоположение моей компании, но мне нужно скрыть информацию в первый раз и показать только местоположение, в котором нуждались пользователи.

Вот мой код:

    <?php
$condition  =   '';
if(isset($_REQUEST['Kota']) and $_REQUEST['Kota']!=""){
    $condition  .=  ' AND Kota LIKE "%'.$_REQUEST['Kota'].'%" ';
}
if(isset($_REQUEST['Outlet']) and $_REQUEST['Outlet']!=""){
    $condition  .=  ' AND Outlet LIKE "%'.$_REQUEST['Outlet'].'%" ';
}
if(isset($_REQUEST['Alamat']) and $_REQUEST['Alamat']!=""){
    $condition  .=  ' AND Alamat LIKE "%'.$_REQUEST['Alamat'].'%" ';
}
$userData   =   $db->getAllRecords('lokasi','*',$condition,'ORDER BY id DESC');
?>
<div>
        <table class="table table-striped table-bordered">
            <thead>
                <tr class="bg-primary text-white">
                    <th>No</th>
                    <th>Cabang GO</th>
                    <th>Nama Kota</th>
                    <th>Alamat Outlet</th>
                    <th>No Telepon</th>
                </tr>
            </thead>
            <tbody>
                <?php 
                $s  =   '';
                foreach($userData as $val){
                    $s++;
                ?>
                <tr>
                    <td><?php echo $s;?></td>
                    <td><?php echo $val['Kota'];?></td>
                    <td><?php echo $val['Outlet'];?></td>
                    <td><?php echo $val['Alamat'];?></td>
                    <td><?php echo $val['Nomor'];?></td>
                </tr>
                <?php } ?>
            </tbody>
        </table>
    </div>

Answer 1

Начните с <div style=visibility:hidden>. Позже измените его на «видимый», используя JavaScript код.

Answer 2

Весь код, который вы добавили, в порядке, вам нужно добавить еще несколько вещей, и все будет работать.

1. Добавить HTML Форма с полем ввода для ввода местоположения поиска и Кнопка отправки.

    <form action="" method="post">
        Search Location: <input type="text" name="location"> <input type="submit" name="submit">`enter code here`
        </form>

Добавить условие «если», чтобы пользователь отправил форму, и результат из БД не пуст перед таблицей, где отображаются все местоположения.

   <?php if(isset($_POST['submit']) && count($userData) > 0){ ?>
   <table class="table table-striped table-bordered">
               <thead>
                   <tr class="bg-primary text-white">
                       <th>No</th>
                       <th>Cabang GO</th>
                       <th>Nama Kota</th>
                       <th>Alamat Outlet</th>
                       <th>No Telepon</th>
                   </tr>
               </thead>
               <tbody>
                   <?php 
                   $s  =   '';
                   foreach($userData as $val){
                       $s++;
                   ?>
                   <tr>
                       <td><?php echo $s;?></td>
                       <td><?php echo $val['Kota'];?></td>
                       <td><?php echo $val['Outlet'];?></td>
                       <td><?php echo $val['Alamat'];?></td>
                       <td><?php echo $val['Nomor'];?></td>
                   </tr>
                   <?php } ?>
               </tbody>
           </table>
   <?php } ?>