如何连接两个下拉列表并在html和php中放置条件?

时间:2014-08-07 18:05:20

标签: javascript php html forms web

如何通过放置条件来连接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>
<form method="post" action="flights.html">
    <input type="submit" value="search" />
</form>

当用户输入源和目的地并单击搜索按钮时,它将在两个下拉列表中的所有不同条目的不同页面上显示。

1 个答案:

答案 0 :(得分:0)

首先,您的选择下拉列表必须在您的表单中。

<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>

其次,在操作页面上,您可以使用PHP处理表单变量,然后根据它们输出条件内容。最有可能的行动应该是flights.php,而不是flights.html