Home/ Questions/Q 8511747
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T04:05:32+00:00

I’m building a webpage for downloading one of my apps using bootstrap. I’m trying

  • 0

I’m building a webpage for downloading one of my apps using bootstrap. I’m trying to make a download page, and have some options on it, and I need the download link to change depending on what options are selected. I have the gui, but I really have no knowledge on how to make the link change.

My code so far is like this:

http://jsfiddle.net/xdragonforce/2fta6/

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Something like this would achieve what you’re asking for.

    <!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>
    • 0