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

时间:2015-11-10 12:02:07

标签: javascript php html forms options

只是寻找一些快速帮助。

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

<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吗?如果是这样,有人可以举例吗?

非常感谢!

2 个答案:

答案 0 :(得分:0)

是的,您可以使用PHP。您需要根据用户选择对所选下载的自定义记录执行查询。可能是你想要的并不精确,但是跟随你可以理解的类似例子。 链接是Here

答案 1 :(得分:0)

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

示例(我在您的按钮中添加了一个名为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:动态网址更新示例: http://jsfiddle.net/mvt421ok/2/