Html 基于选项框更改链接_Html_Twitter Bootstrap

Html 基于选项框更改链接

html twitter-bootstrap

Html 基于选项框更改链接,html,twitter-bootstrap,Html,Twitter Bootstrap,我正在创建一个网页，用于使用bootstrap下载我的一个应用程序。我正在尝试创建一个下载页面，上面有一些选项，我需要根据选择的选项更改下载链接。我有gui，但我真的不知道如何更改链接到目前为止，我的代码如下：谢谢通常使用表单传递这些参数，并让服务器解析URL参数并发送/重定向到适当的文件。这不是HTML的工作您需要：使用一个元素，该元素提交到服务器端（PHP、ASP等）页面，该页面可以对其进行处理给出您的元素名称=属性，这些属性在表单中表示它们的滚动在“处理”页面上，获取用户

我正在创建一个网页，用于使用bootstrap下载我的一个应用程序。我正在尝试创建一个下载页面，上面有一些选项，我需要根据选择的选项更改下载链接。我有gui，但我真的不知道如何更改链接

到目前为止，我的代码如下：

谢谢

通常使用表单传递这些参数，并让服务器解析URL参数并发送/重定向到适当的文件。这不是HTML的工作

您需要：

使用一个
元素，该元素提交到服务器端（PHP、ASP等）页面，该页面可以对其进行处理
给出您的
元素
```
名称=
```
属性，这些属性在表单中表示它们的滚动
在“处理”页面上，获取用户选择的表单参数，对其进行处理，确定要提供的文件的正确版本，并提供该文件（或重定向到提供该文件的页面）

您通常使用表单传递这些参数，并让服务器解析URL参数并发送/重定向到相应的文件。这不是HTML的工作

您需要：

使用一个
元素，该元素提交到服务器端（PHP、ASP等）页面，该页面可以对其进行处理
给出您的
元素
```
名称=
```
属性，这些属性在表单中表示它们的滚动
在“处理”页面上，获取用户选择的表单参数，对其进行处理，确定要提供的文件的正确版本，并提供该文件（或重定向到提供该文件的页面）

<!DOCTYPE html>
<html>
<head>
<script>
function changeLink(newHref)
{
    downloadBtn.href = newHref;
    if (newHref == "")
        downloadBtn.setAttribute('disabled', 'true');
    else
        downloadBtn.setAttribute('disabled', 'false');
}
</script>
<style>
#downloadBtn
{
    text-decoration: none;
    background-color: #49AFCD;
    padding: 4px;
    cursor: pointer;
    border-radius: 4px;
    color: white;
}
#downloadBtn:hover
{
    background-color: #2F96B4;
}
</style>
</head>
<body>
    <h2>Select your device</h2>
    <select id='m_List1' onchange='changeLink(this.value);'>
        <option value="" selected>Select an device type</option>
        <option value="http://sourceforge.net/projects/whited00r/files/5.2.1/Whited00r_521N_iPhone2G.zip/download">iPhone 2G (521N)</option>
        <option value="http://sourceforge.net/projects/whited00r/files/5.2.1/Whited00r_521U_iPhone2G.zip/download">iPhone 2G (521U)</option>

        <option value="http://sourceforge.net/projects/whited00r/files/5.2.1/Whited00r_521N_iPhone3G.zip/download">iPhone 3G (521N)</option>
        <option value="http://sourceforge.net/projects/whited00r/files/5.2.1/Whited00r_521U_iPhone3G.zip/download">iPhone 3G (521U)</option>

        <option value="http://sourceforge.net/projects/whited00r/files/5.2.1/Whited00r_521_iPodTouch1G.zip/download">iPadTouch 1G</option>
        <option value="http://sourceforge.net/projects/whited00r/files/5.2.1/Whited00r_521_iPodTouch2G.zip/download">iPadTouch 2G</option>
    </select>
    <a id='downloadBtn' disabled='true'>Download »</a>
</body>
</html>


函数更改链接（newHref）
{
downloadBtn.href=newHref；
如果（newHref==“”）
downloadBtn.setAttribute（'disabled'，'true'）；
其他的
downloadBtn.setAttribute（'disabled'，'false'）；
}
#下载
{
文字装饰：无；
背景色：#49渔护署；
填充：4px；
光标：指针；
边界半径：4px；
颜色：白色；
}
#下载btn：悬停
{
背景色：#2F96B4；
}
选择您的设备
选择一种设备类型
iPhone 2G（521N）
iPhone 2G（521U）
iPhone 3G（521N）
iPhone 3G（521U）
iPadTouch 1G
iPadTouch 2G
下载»

<!DOCTYPE html>
<html>
<head>
<script>
function changeLink(newHref)
{
    downloadBtn.href = newHref;
    if (newHref == "")
        downloadBtn.setAttribute('disabled', 'true');
    else
        downloadBtn.setAttribute('disabled', 'false');
}
</script>
<style>
#downloadBtn
{
    text-decoration: none;
    background-color: #49AFCD;
    padding: 4px;
    cursor: pointer;
    border-radius: 4px;
    color: white;
}
#downloadBtn:hover
{
    background-color: #2F96B4;
}
</style>
</head>
<body>
    <h2>Select your device</h2>
    <select id='m_List1' onchange='changeLink(this.value);'>
        <option value="" selected>Select an device type</option>
        <option value="http://sourceforge.net/projects/whited00r/files/5.2.1/Whited00r_521N_iPhone2G.zip/download">iPhone 2G (521N)</option>
        <option value="http://sourceforge.net/projects/whited00r/files/5.2.1/Whited00r_521U_iPhone2G.zip/download">iPhone 2G (521U)</option>

        <option value="http://sourceforge.net/projects/whited00r/files/5.2.1/Whited00r_521N_iPhone3G.zip/download">iPhone 3G (521N)</option>
        <option value="http://sourceforge.net/projects/whited00r/files/5.2.1/Whited00r_521U_iPhone3G.zip/download">iPhone 3G (521U)</option>

        <option value="http://sourceforge.net/projects/whited00r/files/5.2.1/Whited00r_521_iPodTouch1G.zip/download">iPadTouch 1G</option>
        <option value="http://sourceforge.net/projects/whited00r/files/5.2.1/Whited00r_521_iPodTouch2G.zip/download">iPadTouch 2G</option>
    </select>
    <a id='downloadBtn' disabled='true'>Download »</a>
</body>
</html>


函数更改链接（newHref）
{
downloadBtn.href=newHref；
如果（newHref==“”）
downloadBtn.setAttribute（'disabled'，'true'）；
其他的
downloadBtn.setAttribute（'disabled'，'false'）；
}
#下载
{
文字装饰：无；
背景色：#49渔护署；
填充：4px；
光标：指针；
边界半径：4px；
颜色：白色；
}
#下载btn：悬停
{
背景色：#2F96B4；
}
选择您的设备
选择一种设备类型
iPhone 2G（521N）
iPhone 2G（521U）
iPhone 3G（521N）
iPhone 3G（521U）
iPadTouch 1G
iPadTouch 2G
下载»