使用来自1个以上HTML下拉菜单的答案来选择链接

时间:2018-01-07 13:29:40

标签: html

我想写一个简单的HTML页面,其中只包含两个下拉列表和一个提交按钮。点击提交按钮后,我想加载一个取决于两个选择的新页面。

以下是页面外观的简单示例:

os.environ

我知道我可以制作包含四种组合(pAactionA,pBactionA,pAactionB,pBactionB)的下拉菜单,甚至可以将其拆分为更多页面(一个包含产品选择,另一个包含相应的操作选择)但是实际下拉列表包含更多选项。

我已将与页面对应的文件命名为pBactionA.php,我猜我需要类似

的内容
<html>
  <body>
    <select required name="Product">
        <option>-Select Product-</option>
        <option value="pA">ProductA</option>
        <option value="pB">ProductB</option>
    </select>
    <br><br>
    <select required name="Action">
        <option>-Select Action-</option>
        <option value="actionA">ActionA</option>
        <option value="actionB">ActionB</option>
    </select>
    <br><br>
    <input type="submit"/>
</body>

其中selectAselectB是所选值的连接。

提前致谢。

1 个答案:

答案 0 :(得分:0)

您需要的是利用查询参数的强大功能。因此,您有一个总是被定向到的页面,但页面的加载方式会有所不同,具体取决于参数。您知道如何加载页面,有时地址裸露如下:google.com?watch=blahblah。你需要这样做。使用JavaScript来解析您想要通过的URL并根据后面的内容有条件地显示数据。如果你使用像php这样的后端语言,那么抓住这些参数变得更容易。希望这会有所帮助。