使用来自 1 个以上 HTML 下拉列表中的答案来选择链接



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

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

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

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

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

<form  action="selectAselectB.php" method="post">

其中 selectAselectB 是所选值的串联。

提前谢谢。

您需要的是利用查询参数的强大功能。因此,您有一个始终被定向到的页面,但页面加载方式因参数而异。你知道你是如何加载一个页面的,有时地址看起来像这样:google.com?watch=blahblah。你需要这样做。使用 JavaScript 解析要通过的 url,并根据 ?.如果您使用的是像php这样的后端语言,那么获取这些参数变得更加容易。希望这有帮助。

最新更新