0

ブートストラップを使用してアプリの1つをダウンロードするためのWebページを作成しています。ダウンロードページを作成しようとしていますが、いくつかのオプションがあります。選択したオプションに応じてダウンロードリンクを変更する必要があります。私はGUIを持っていますが、リンクを変更する方法については本当に知りません。

これまでの私のコードは次のようなものです。

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

ありがとう！

4

2 に答える 2

3

通常、フォームを使用してこれらのパラメーターを渡し、サーバーにURLパラメーターを解析して、適切なファイルに送信/リダイレクトさせます。これはHTMLの仕事ではありません。

必要がある：

  • <form>それを処理できるサーバー側（PHP、ASPなど）のページに送信する要素を使用します。
  • フォーム内のロールを表す属性を要素<select>に指定します。name=
  • 処理ページでは、ユーザーが選択したフォームパラメータを取得して処理し、提供するファイルの正しいバージョンを決定して提供します（または提供するページにリダイレクトします）。
于 2012-09-09T16:44:51.133 に答える
1

このようなものはあなたが求めているものを達成するでしょう。

<!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>
于 2012-09-09T17:09:34.553 に答える