根據選項框更改鏈接

我正在構建一個網頁，使用引導下載我的一個應用程序。我正在嘗試製作一個下載頁面，並在其上有一些選項，我需要下載鏈接才能根據所選的選項進行更改。我有gui，但我真的不知道如何改變鏈接。根據選項框更改鏈接

到目前爲止我的代碼是這樣的：

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

謝謝！

來源

2012-09-09 xdragonforce

521N和521U有什麼區別？ –

你可以通過頁面範圍設置變量的值，然後提交根據變量內容動態地建立鏈接 –

您通常使用表單傳遞這些參數，並讓服務器解析URL參數並將其發送/重定向到相應的文件。這不是HTML的工作。

您需要：

使用<form>元素，提交到服務器端（PHP，ASP等）頁面，它可以處理它。
給你的<select>元素name=屬性，它們代表它們在表單中的滾動。
在處理頁面上，您可以獲取用戶選擇的表單參數，處理它們，確定要提供的文件的正確版本，並提供它（或重定向到提供它的頁面）。

來源

2012-09-09 16:44:51

我會研究那個，謝謝:)你認爲有一種方法可以用Javascript做到這一點嗎？ – xdragonforce

我確定有，但在服務器端這樣做會更好。由於用戶無法對其進行鍛鍊並獲得他不需要的文件版本，或者更糟糕的是，它無權訪問。 –

這樣的事情會達到你所要求的。

<!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-09 17:09:34 enhzflep

根據選項框更改鏈接

回答

相關問題