【问题标题】:how to connect different html pages and put the actions behind buttons on them? [closed]如何连接不同的 html 页面并将操作放在按钮后面? [关闭]
【发布时间】:2014-10-02 06:10:26
【问题描述】:

我在网站上工作,我设计了 3 个 html 页面,现在我想通过 button click 连接这些页面,例如,如果用户从下拉菜单中选择一个选项并单击它,它将转到下一个 html页面等

例如,我试图在下图中显示类似的示例

如果一个选项选择To 字段和一个从From 字段然后点击搜索,它应该会移动到下一页

我的 HTML 尝试:

</form>     
        <p class="h2">Quick Search</p>
        <div class="sb2_opts">
         <p>
       </p>
 <form method="post" action="flights.html" >
     <p>Enter your source and destination.</p>
    <p>
        From:</p>
   <select name="from">
  <option value="Islamabad">Islamabad</option>
  <option value="Lahore">Lahore</option>
  <option value="murree">Murree</option>
  <option value="Muzaffarabad">Muzaffarabad</option>
</select>
    <p>
        To:</p>
       <select name="To">
  <option value="Islamabad">Islamabad</option>
  <option value="Lahore">Lahore</option>
  <option value="murree">Murree</option>
  <option value="Muzaffarabad">Muzaffarabad</option>
</select>
<input type="submit" value="search" /> 
</form>
    </form> </table>

在此代码中,在下拉菜单中的每个不同条目之后单击搜索按钮将打开不同的 html 页面。如果我用 PHP 做,谁能给我一个线索,然后怎么做?非常感谢任何链接或示例。

谢谢

【问题讨论】:

  • 因为我是新手,我只需要一个示例运行或任何逻辑的线索,谢谢

标签: php html web dreamweaver


【解决方案1】:

你有几个选择。

  1. 您可以根据您关心的选择更新表单的操作或
  2. 您可以从处理页面重定向或包含

第二个选项更好,因为它减少了不同页面上的冗余处理代码,因此在处理页面上,您检查传递了哪个选择选项并包含您想要的 HTML 页面或使用 header("Location:"); 函数重定向到它在php中。

基于此,您可以将表单操作设置为“flights-processing.php”之类的内容。在 flight-processing.php 中是:

<?php 
 $from =  isset($_POST['from'])?$_POST['from']:'';
 $to = isset($_POST['to'])?$_POST['to']:'';

 if( $from =='Islamabad'){
     if($to == 'Lahore'){
         header('Location: islma-lahore.html');
      }
?>

对于每个往返以及如果未选择一个或两个都具有附加逻辑。这是一个非常简单的示例,并且有更好的方法可以做到这一点,但它会起作用。

【讨论】:

  • 第二个选项。将表单的操作设置为处理程序,然后该处理程序决定向访问者呈现什么。 header("Location: ..."); 创造的体验将符合您的预期。
  • 应该在
    中添加什么,当我进入任何页面时,只有该页面打开。它不会在 switch 语句中继续下面的其他页面跨度>
  • 它应该是action="flights-processing.php" 或任何您希望根据所做选择显示其他页面的逻辑的页面。
【解决方案2】:
<p class="h2">Quick Search</p>
    <div class="sb2_opts">
     <p>
   </p>
<form method="post" action="" >
 <p>Enter your source and destination.</p>
<p>
    From:</p>
<select name="from">
<option value="Islamabad">Islamabad</option>
<option value="Lahore">Lahore</option>
<option value="murree">Murree</option>
<option value="Muzaffarabad">Muzaffarabad</option>
</select>
<p>
    To:</p>
   <select name="To">
<option value="Islamabad">Islamabad</option>
<option value="Lahore">Lahore</option>
<option value="murree">Murree</option>
<option value="Muzaffarabad">Muzaffarabad</option>
</select>
<input type="submit" value="search" /> 
</form>
</form> </table>

<?php
if(isset($_POST['from']) and isset($_POST['To'])) {
$from = $_POST['from'] ;
$to = $_POST['To'] ;
$table = array($from, $to);

switch ($table) {
  case array ("Islamabad", "Lahore") :
  header("Location: page1.html");
 break;
  case array ("Islamabad", "Murree") :
  header("Location: page2.html");
 break;
  case array ("Islamabad", "Muzaffarabad") :
 header("Location: page3.html");
 break;
//.....
//......
default:
echo "Your choice is nor valid !!";
}

}
?>

【讨论】:

  • 应该在&lt;form method="post" action="" &gt;中添加什么,当我进入任何页面时,只有该页面打开。它不会在switch语句中继续下面的其他页面
猜你喜欢
  • 2020-08-19
  • 1970-01-01
  • 2019-11-16
  • 2011-06-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多