Javascript 使用“选择”选项提供输出

只是想寻求一些快速的帮助

我正在为下载构建一个在线解决方案，但我不确定如何使用或使用什么解决方案。下面是我的目标的一个例子

<select id="choice1">
<option value="tea">tea</option>
<option value="coffee">coffee</option>
</select>

<select id="choice2">
<option value="1">Milk</option>
<option value="2">Sugar</option>
<option value="3">Honey</option>

</select>

<select id="choice3">
<option value="yes">YES</option>
<option value="no">no</option>

</select>

<button type="button">Generate</button>

<p>You need to install the following:</p>

[在此列出所选项目]

用户将从第一个ID中选择一个选项，然后从第二个和第三个ID中选择一个选项，然后根据他们的选项，将获得他们需要下载的内容的下载链接

我会使用Php吗？如果是，有人能举个例子吗

---

非常感谢

是的，您可以使用PHP进行此操作。您需要根据用户的选择对您下载的选定自定义记录进行查询。也许这不是你想要的，但下面是一个类似的例子，你可以理解。

---

链接是

实际上，您可以使用Javascript，除非您需要在PHP服务器上执行某些操作。我举了一个从所有选择中获取值的小例子，所以现在您可以使用这些值创建下载链接，或者使用AJAX将它们发送到您的服务器，然后从服务器返回链接

例如，我在按钮中添加了一个名为btn的id：

在这里运行：

如果需要，为v1、v2和v3添加警报

如果这不是你需要的，试着问我，我会编辑这个答案

Edit1:动态URL更新示例：

---

我不明白你到底想要什么！为什么需要在服务器端生成URL？除非您希望选择选项根据以前选择的值进行更改，否则PHP只需查找即可生成URL。做任何您觉得合适的事情。Javascript或php都可以很好地工作。转到它的“创建预订”页面，您将找到合适的过程。嗨，Neoares，谢谢您的回答。基本上，我需要生成一个下载列表。所以我需要为每个值分配一个下载链接。因此，如果他们选择了选项1、选项2和选项3，然后单击生成。然后，它会给他们分配3个下载链接给他们中的每一个，我看到了，但这里的问题是，如果你真的需要在你的服务器上做这项工作。例如，如果您只需要执行以下URL：http://example.com/download?var1=tea&var2=sugar&var3=no，它不需要在服务器上生成。如果是这样的话，我可以生成一个在网页上显示URL的小例子，这不需要在服务器上完成。只需要选择他们选择的选项，然后给他们3个下载链接。现在检查my edition@MrHeisenberg希望它能帮助他们：谢谢！我想我现在有了最好的解决方案：

var btn = document.getElementById("btn");
btn.addEventListener("click",function(){
    var op1 = document.getElementById("choice1");
    var op2 = document.getElementById("choice2");
    var op3 = document.getElementById("choice3");
    v1 = op1.options[op1.selectedIndex].value;
    v2 = op2.options[op2.selectedIndex].value;
    v3 = op3.options[op3.selectedIndex].value;
    // do what you want with the three values
});