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

时间:2012-09-11 14:23:17

标签: php javascript jquery forms

我有一个表单,在提交时需要转到页面,然后根据页面显示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>

因此,如果布莱顿被输入到地方输入,我需要表格提交页面并显示布莱顿div,如果输入德文郡以显示德文区div等,如果输入日期为2/12/2012选择器输入和布莱顿输入到页面并显示变量div。

我也需要它,所以如果在日期选择器输入中输入1/12/2012,页面会重定向到页面show.html

任何帮助将不胜感激

感谢。

2 个答案:

答案 0 :(得分: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构造来比较值并按照需要执行。

答案 1 :(得分:1)

将您的表单发布到php页面,然后检查发布的表单参数以确定要显示的div。

<?php 
   if ($_POST["place"] == "Brighton") {
?>
    <div id="brighton">
    <p>Brighton</p>
    </div>

<?php 
  } else if ($_POST["place"] == "Devon") {
?>
    <div id="devon">
    <p>Devon</p>
    </div>

<?php 
  }
?>

为每个div和参数组合执行此操作。确保将表单上的“method”属性设置为“post”:

<form action="somepage.php" method="post">...</form>

在生成的HTML中,您只能看到与表单参数匹配的那个。