我想写一个简单的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这样的后端语言,那么获取这些参数变得更加容易。希望这有帮助。