php - 将表单提交到页面并根据输入显示不同的 div

Question

我有一个表单，提交后需要转到该页面，然后根据页面显示 4 个隐藏的 div 之一。

这是表格

<form>
<input id="place" name="place" type="text">
<input name="datepicker" type="text" id="datepicker">
<input type="submit" name="submit" id="submit" />
</form>

这是页面

<div id="brighton">
<p>Brighton</p>
</div>

<div id="devon">
<p>Devon</p>
</div>

<div id="search">
<p>search</p>
</div>

<div id="variety">
<p>variety</p>
</div>

因此，如果在地点输入中输入 Brighton，我需要表单来提交页面并显示 Brighton div，如果输入 Devon 以显示 Devon div 等，如果在日期中输入 2/12/2012选择器输入和 Brighton 进入位置输入，它会进入页面并显示品种 div。

我也需要它，因此如果在日期选择器输入中输入 1/12/2012，页面将重定向到 page show.html。

任何帮助将不胜感激

谢谢。

Answer 1

如果您了解 PHP，这很容易。看来您需要一个良好、轻松的开始。然后您将能够在几秒钟内实现这一目标。

引用W3SCHOOLS PHP Tutorial .

要实现您提到的目标，首先在表单中进行以下更改:

<form action="submit.php" method="post">
<input id="place" name="place" type="text">
<input name="datepicker" type="text" id="datepicker">
<input type="submit" name="submit" id="submit" />
</form>

创建一个名为submit.php的新文件并添加以下代码:

<?php
$place = $_POST['place'];
$date = $_POST['datepicker'];

if ($date == '1/12/2012') {
  header('Location: show.html');
  exit;
}
?>

<?php if ($place == 'Brighton''): ?>
<div id="brighton">
<p>Brighton</p>
</div>

<?php elseif ($place == 'Devon'): ?>
<div id="devon">
<p>Devon</p>
</div>

<?php elseif ($place == 'search'): ?>
<div id="search">
<p>search</p>
</div>

<?php elseif ($place == 'Variety'): ?>
<div id="variety">
<p>variety</p>
</div>
<?php endif; ?>

上面的示例并不是完整的解决方案，但它让您了解如何在 PHP 中使用 if-then-else 结构来比较值并根据需要执行操作。