使用2个下拉选项构建表单,用于加载特定的PDF


Build a Form with 2 dropdown options that load a specific PDF

我知道这可能是已经回答的问题,如果是,我深表歉意,我找不到它。

我需要做的是构建一个简单的表单,其中包含两个选项,它们将是下拉选项。下拉列表 A 和下拉列表 B,然后是提交按钮。这部分我在HTML中理解,尽管在php或javascript中可能更容易。

然后我需要它来采用这两个选项并创建一个"if/then"语句,该语句加载与所选两个选项匹配的特定 pdf。

例。如果有人从下拉列表 A 中选择选项 1,从下拉列表 B 中选择选项 2,则加载 12.pdf如果有人从下拉列表 A 中选择选项 5,从下拉列表中 B 中选择选项 3,则加载 53.pdf如果有人从下拉列表 A 中选择选项 2,从下拉列表 B 中选择选项 1,则它会加载 21.pdf

等等...

感谢您的任何帮助。

添加 这是我当前的 HTML 表单脚本

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<center>
<h1> Get Directions</h1>
<form action="results.html" method="get" name="directions" target="_new">
<select name="start" size="1">
<option value="north">North Tower Entrance</option>
  <option value="south">South Tower Entrance</option>
  <option value="moba">MOB A Entrance</option></select>
  
  ----->
<select name="end" size="1">
<option value="onco">Oncology</option>
  <option value="radio">Radiology</option>
  <option value="pulm">Pulmanary</option></select>
<br /><br />
<input name="Submit" type="submit" value="Submit" />
</form>
</center>
</body>
</html>

查看此代码,我需要它调用将代表选项组合的特定pdf。谢谢。

function getFileName(select1Id, select2Id) {
    var sel1 = document.getElementById(select1Id);
    var sel1Index = sel1.selectedIndex;
    var sel2 = document.getElementById(select2Id);
    var sel2Index = sel2.selectedIndex;
    if((sel2Index + sel1Index) === 0) {
        return "";
    }
     return sel1Index.toString() + sel2Index.toString() + '.pdf';
}

您可以将组合框的唯一 ID 传递给上述函数,它将为您提供相应的 pdf 文件名。如果名称为 0,它将返回空

您可以从按钮单击事件处理程序调用上述函数,获取文件名并将其加载到网页中。

  • 我还没有完成验证,您可以添加

希望这有帮助

正如 arkascha 所提到的,你不需要任何 JavaScript 来实现这一点。您可以在所有服务器端执行此操作。

您需要 (1) 带有表单的 HTML 文档,(1) PHP 脚本来处理选择并提供适当的结果链接。