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

时间:2015-01-22 18:13:01

标签: javascript php html forms get

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

我需要做的是构建一个有两个选项的简单表单,它们将是下拉选项。下拉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

依旧......

感谢您的帮助。

ADDITION 这是我当前的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。感谢。

2 个答案:

答案 0 :(得分:0)

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

,它将返回空

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

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

希望这有帮助

答案 1 :(得分:0)

你并不需要任何javascript来实现这一点,正如arkascha所说。您可以在服务器端执行此操作。

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