HTML表單選擇標籤

這是有點兒討厭，但即使我已經有HTML/CSS和jQuery的點點工作，我還沒有學到了很多形式等HTML表單選擇標籤

我有一個問題，我不能谷歌答案，但我確定你們中的一些核心開發人員可以很快告訴我這個！？

我需要做一個表格可能看起來像這樣的：

HTML;

<form class="slct-form"> 
    <select> 
     <option value="choose">Choose</option> 
     <option value="100.000">100.000</option> 
     <option value="150.000">150.000</option> 
     <option value="200.000">200.000</option> 
    </select> 
</form>

我需要的，當我選擇我的下拉列表中元素的一種形式，應該去到另一個網址...這是不可能的？最好沒有jQuery！

來源

2012-10-11 Bertel

http://stackoverflow.com/questions/5150363/onchange-open-url-via-select-jquery爲jquery版本 –

你可以做這樣的事情：

<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <title>Test</title> 
     <script type="text/javascript"> 
     function donav(dd) 
     { 
      var navUrl = ""; 
      switch(dd.selectedIndex) 
      { 
       case 1: 
        navUrl = "http://www.google.com/"; 
        break; 
       case 2: 
        navUrl = "http://www.bing.com"; 
        break; 
     } 
     document.location.href = navUrl; 
     } 
     </script> 
    </head> 
    <body> 
<form class="slct-form"> 
    <select onchange="donav(this)"> 
     <option value="choose">Choose</option> 
     <option value="100.000">100.000</option> 
     <option value="150.000">150.000</option> 
     <option value="200.000">200.000</option> 
    </select> 
</form> 
</body> 
</html>

來源

2012-10-11 12:52:30 geedubb

完美無瑕！謝謝 – Bertel

如果我正確地理解你，你想從一個頁面到另一個頁面的價值？你可以使用PHP的$ _GET ['name']。

來源

2012-10-11 12:43:54 oBo

如果添加id您select，你可以通過普通的JavaScript訪問它是這樣的：

var selectmenu = document.getElementById("selectMenu"); 
selectmenu.onchange = function() { 
    var selectedOption = this.options[this.selectedIndex]; 
    if (selectedOption.value != "choose") 
     window.location.assign = "/page.php?selectvalue=" + selectedOption.value; 
}

來源

2012-10-11 12:44:25

這個工作如何呢？對不起，即時通訊不是很好的Java腳本...如果我有3個不同的值，每個應該去3個不同的網站。我的網站是純html - 不是.php – Bertel

@ user1719764我剛剛添加了鏈接作爲示例，您只需用引號（'「page.php？selectvalue =」'）替換您所需的URL。 –

HTML表單選擇標籤

回答

相關問題