Javascript 如何根据所选的下拉选项显示文档

我想根据客户从我提供给他们的下拉菜单中的选择，向他们提供示例PDF

我创造了一个新的平台，试图向你们展示我正在努力实现的目标

我的HTML：

<p>Please select from the options below to view a sample Investment Cost Analysis:</p>
<p>&nbsp;</p>
<p>
  <label for="type">* Combined Income:</label>
  <select name="income" id="income">
    <option selected="selected">- Please Select -</option>
    <option value="$30,000 - $80,000">$30,000 - $80,000</option>
    <option value="$80,000 - $180,000">$80,000 - $180,000</option>
    <option value="$180,000+">$180,000+</option>
  </select>
</p>
<p>
<label for="type">* Property Type:</label>
<select name="type" id="type">
  <option selected="selected">- Please Select -</option>
  <option value="house">House</option>
  <option value="unit">Apartment / Unit</option>
</select>
</p>
<p>
<label for="price">* Property Price:</label>
<select name="price" id="price">
  <option selected="selected">- Please Select -</option>
  <option value="$350,000">$350,000</option>
  <option value="$400,000">$400,000</option>
  <option value="$450,000">$450,000</option>
  <option value="$500,000">$500,000</option>
</select>
</p>
<p>
  <input type="submit" name="show" id="show" value="Show Sample" />
</p>

请从以下选项中选择以查看投资成本分析示例：



*合并收入：
  
-请选择-
    $30,000 - $80,000
    $80,000 - $180,000
    $180,000+
  


*属性类型：
-请选择-
房子
公寓/单元


*物业价格：
-请选择-
  $350,000
  $400,000
  $450,000
  $500,000


  

如何使其根据选择的选项显示正确的文件？我还想确保在Show Sample（显示样本）按钮开始工作之前，所有3个选项都被选中

---

我知道这需要一些JavaScript，但这正是我被困的地方。我不知道从哪里开始使用JavaScript。

在更改下拉函数时更改链接的href

$("#mydropdown").change(function(e) {

var dropdown value = $("#mydropdown").value();

//switch condition 
if(){
$("mylink").attr("href", "your file path"); 
//TODO 
}else if (){

}

 });

---

这是一个非常简单的例子

更新： 显然，如果用户的浏览器没有PDF查看器，这将强制设置下载窗口

HTML：

<select id="pdfs">
    <option value="http://example.com/docs1.pdf">PDF 1</option>
    <option value="http://example.com/docs2.pdf">PDF 2</option>
    <option value="http://example.com/docs3.pdf">PDF 3</option>
</select>

var selectElem = document.getElementById('pdfs');

selectElem.onchange = function() {
  window.location = selectElem[selectElem.selectedIndex].value;
};

试试这个：

---

我在每个

中为

所有优先选项
添加了一个编辑值
0
，试图添加它，但它不允许我-给定模拟代码..检查并回复我，如果您有任何疑问，我可以看到这是如何工作的，但我希望客户从我提供给他们的选项中进行选择，而不仅仅是显示PDF1，PDF2等下载，因为你看不到文档的参考点是什么？如果你想，你可以用实际链接替换“PDF 1”，但这很难看。我想说的是，你不是在寻找一个下拉式的解决方案，也许是与另一个元素相结合的东西。如果我们用用户从下拉列表中选择的URL动态创建一个链接，会怎么样？这将是一个很好的解决办法。步骤如下：（从下拉列表中选择PDF）->（单击生成的链接下载/查看）我不确定这是如何工作的抱歉，我不太擅长Javascript。你有没有可能提供一个选择了3个选项的JSFIDLE，让我看看它是如何工作的？对于3个组合..你需要添加更多的条件。。。在设置href attributes之前，我一天的开始很糟糕，因此这里可能会问一个非常简单的问题，但是如果我在单击Show Sample按钮时在每个下拉列表中选择第一个选项，我如何实际链接到文档？
$('#show').hide();

$('select').change(function () {
  var income = $('#income').val();
  var type = $('#type').val();
  var price = $('#price').val();

  if (income == 0 || type == 0 || price == 0) {
    $('#show').hide();
  } else {
    $('#show').show();
  }
});