Как показать таблицу при нажатии кнопки отправки в форме

-1

Im в настоящее время работает над проектом, чтобы отображать расписание преподавателя, когда пользователь вводит свой факультет. Я хочу отобразить таблицу только после того, как они нажали кнопку submit вместо того, чтобы показывать пустую таблицу, задавая им идентификатор. Вот часть кода, над которым работает. Таблица должна отображаться только после нажатия кнопки отправки. В настоящее время на странице отображается текстовое поле ввода, кнопка отправки и пустая таблица, которая заполняется после нажатия кнопки отправки.Как показать таблицу при нажатии кнопки отправки в форме

<body> 
<div class="container"> 
<h1>Faculty Timetable</h1> 
<br> 
<form method="POST" action="<?php echo $_SERVER["PHP_SELF"]; ?>" > 
Enter Faculty Employee ID:<input type="text" name="FacEmployeeId"> 
<input type="submit" name="Submit"> 
<br><br> 
<?php 
//$facid=""; 
if($_SERVER["REQUEST_METHOD"]=="POST") 
$facid=$_POST['FacEmployeeId']; 
if(isset($facid)){ 
echo "<p align='center'><b>Timetable for Faculty ID ". $facid ."<br></b>    ` `</p>";} 
?> 
<br><br> 
<table id="table_id" class="table table-bordered"> 
<thead> 
<tr> 
<th>   </th> 
<th>8.00-8.50</th> 
<th>9.00-9.50</th> 
<th>10.00-10.50</th> 
<th>11.00-11.50</th> 
<th>11.50-13.00</th> 
<th>13.00-13.50</th> 
<th>14.00-14.50</th> 
<th>14.55-.15.45</th> 
<th>15.50-16.40</th> 
<th>16.50-17.40</th> 
</tr> 
</thead>

источник

2016-07-12 Rushvanth Bhaskar

Если вам нужно что-то скрыть, смотрите в основном CSS учебнике. – gcampbell

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

<input type="submit" name="submit" onclick="func()"> 
<table id="tbl" style="display:none"> 
... 
</table> 

<script> 
function func(){ 
document.getElementById('tbl').style.display = 'block'; 
} 
</script>

Вы также можете сделать это с помощью jquery, если хотите.

источник

2016-07-12 09:38:29 adi

Пробовал это .. таблица появляется на секунду, когда я нажимаю кнопку отправки, а затем исчезает. –

нет Javascript или нет CSS не нужен просто проверить, если $ _POST есть! Пусто, если пост не пустое отображение таблицы

<body> 
    <div class="container"> 
    <h1>Faculty Timetable</h1> 
    <br> 
    <form method="POST" action="<?php echo $_SERVER["PHP_SELF"]; ?>" > 
    Enter Faculty Employee ID:<input type="text" name="FacEmployeeId"> 
    <input type="submit" name="Submit"> 
    <br><br> 
    <?php 
    //$facid=""; 
if(!empty($_POST)){ 
    if($_SERVER["REQUEST_METHOD"]=="POST") 
    $facid=$_POST['FacEmployeeId']; 
    if(isset($facid)){ 
    echo "<p align='center'><b>Timetable for Faculty ID ". $facid ."<br></b>    ` `</p>";} 
    ?> 
    <br><br> 
    <table id="table_id" class="table table-bordered"> 
    <thead> 
    <tr> 
    <th>   </th> 
    <th>8.00-8.50</th> 
    <th>9.00-9.50</th> 
    <th>10.00-10.50</th> 
    <th>11.00-11.50</th> 
    <th>11.50-13.00</th> 
    <th>13.00-13.50</th> 
    <th>14.00-14.50</th> 
    <th>14.55-.15.45</th> 
    <th>15.50-16.40</th> 
    <th>16.50-17.40</th> 
    </tr> 
    </thead> 
<?php 
} 
?>

источник

2016-07-12 09:52:23

Нет, это не работает. Таблица отображается вообще. –

он должен работать, он работает для меня отлично –

Как показать таблицу при нажатии кнопки отправки в форме

ответ

Смежные вопросы