使用 'select' 选项提供输出

Question

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

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

<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>

[列出此处选择的项目]

用户会 select，第一个 ID 的一个选项，第二个和第三个 ID 的一个选项，然后根据他们的选项，将给出他们需要下载的下载链接。

我会为此使用 Php 吗？如果是这样，谁能提供例子？

非常感谢！

Answer 1

是的，您可以为此使用 PHP。您需要根据用户的选择对您选择的自定义下载记录进行查询。可能不是您想要的，但以下是您可以理解的类似示例。 link 是 Here

Answer 2

实际上你可以使用 Javascript 除非你需要在你的服务器上做一些事情 (PHP)。我做了一个从所有选择中获取值的小例子，所以现在您可以使用这些值进行下载 link 或使用 AJAX 将它们发送到您的服务器，然后 return link 来自服务器。

示例（我在您的按钮中添加了一个名为 btn 的 ID）：

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
});

运行这里：http://jsfiddle.net/mvt421ok/

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

如果这不是您需要的，请尝试问我，我会编辑这个答案。

Edit1：动态 URL 更新示例： http://jsfiddle.net/mvt421ok/2/

使用 'select' 选项提供输出

Using 'select' options to provide an output

html

javascript

php

forms

options