堆棧內存溢出
  簡體   English   中英

多個下拉菜單列表問題

[英]Multiple DropDown Menu list issue

 原文  2014-10-24 08:13:39  5   2    jquery/ html

問題描述

 <html> <head> </head> <body style=background-color:lightgreen;"> <!--font size="30" color="red"> <font size="10"--> </p> <font size="30"> <font color="black"> <center> MSOC Tools and Database </font></p> </p> <font size="10"> <font color="red"> <left> On-Boarding Documents </font></p> <form name="jump"> <p align="left-side" > <select name="menu"> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Orchard%20Hotel%20OnBoarding%20Docs.htm">Orchard Hotel</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Orchard%20Hotel%20OnBoarding%20Docs.htm">IDA</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Park%20Regis%20OnBoarding%20Docs.htm">Park Regis</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Golden%20Village%20OnBoarding%20Docs.htm">Golden Village</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Orchard%20Hotel%20OnBoarding%20Docs.htm">NTUC Link</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/MediaCorp%20OnBoarding%20Docs.htm">MediaCorp</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/South%20Beach%20OnBoarding%20Docs.htm">South Beach</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Golden%20Village%20OnBoarding%20Docs.htm">Golden Village</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Orchard%20Hotel%20OnBoarding%20Docs.htm">Gallery</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/InterConn%20IPPBX%20OnBoarding%20Docs.htm">InterConn</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Orchard%20Hotel%20OnBoarding%20Docs.htm">Planet Telecom</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Global%20Gateway%20OnBoarding%20Docs.htm">Global Gateway Resource</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Standard%20Charterd%20OnBoarding%20Docs.htm">Standard Chartered</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Allianz%20OnBoarding%20Docs.htm">Allianz</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/WestPac%20OnBoarding%20Docs.htm">WesPac</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Orchard%20Hotel%20OnBoarding%20Docs.htm">Hewlett Packard</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Dorsett%20Hotel%20OnBoarding%20Docs.htm">Dorsett</option> </select> <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> </p> </form> <form name="jump"> <p align="left-side" > <select name="menu"> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Orchard%20Hotel%20OnBoarding%20Docs.htm">Orchard Hotel</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Orchard%20Hotel%20OnBoarding%20Docs.htm">IDA</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Park%20Regis%20OnBoarding%20Docs.htm">Park Regis</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Golden%20Village%20OnBoarding%20Docs.htm">Golden Village</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Orchard%20Hotel%20OnBoarding%20Docs.htm">NTUC Link</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/MediaCorp%20OnBoarding%20Docs.htm">MediaCorp</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/South%20Beach%20OnBoarding%20Docs.htm">South Beach</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Golden%20Village%20OnBoarding%20Docs.htm">Golden Village</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Orchard%20Hotel%20OnBoarding%20Docs.htm">Gallery</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/InterConn%20IPPBX%20OnBoarding%20Docs.htm">InterConn</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Orchard%20Hotel%20OnBoarding%20Docs.htm">Planet Telecom</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Global%20Gateway%20OnBoarding%20Docs.htm">Global Gateway Resource</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Standard%20Charterd%20OnBoarding%20Docs.htm">Standard Chartered</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Allianz%20OnBoarding%20Docs.htm">Allianz</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/WestPac%20OnBoarding%20Docs.htm">WesPac</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Orchard%20Hotel%20OnBoarding%20Docs.htm">Hewlett Packard</option> <option value="file:///Z:/OnBoarding%20Docs%20HTML/Dorsett%20Hotel%20OnBoarding%20Docs.htm">Dorsett</option> </select> <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> </p> </form>

我是這種環境下的新手，想問我如何使用多個下拉菜單列表來處理我的簡單網頁。我知道此JS適用於單個下拉菜單，只想獲取一些有關如何使用此下拉菜單的信息多個下拉功能 

 var urlmenu = document.getElementById( 'menu1' ); urlmenu.onchange = function() { window.open( this.options[ this.selectedIndex ].value ); };

2 個解決方案

解決方案1
 0  

very easy
var urlmenu = document.getElementById( 'menu1' );
 urlmenu.onchange = function() {
      window.open( this.options[ this.selectedIndex ].value );
 };

用於菜單一 

var urlmenu = document.getElementById( 'menu2' );
 urlmenu.onchange = function() {
      window.open( this.options[ this.selectedIndex ].value );
 };

用於菜單2 

var urlmenu = document.getElementById( 'menu3' );
 urlmenu.onchange = function() {
      window.open( this.options[ this.selectedIndex ].value );
 };

用於菜單3

只需將menu1更改為其他任何內容

解決方案2
 0  2014-10-24 09:52:40

似乎您真正想要的是創建一個通用函數。

嘗試這個： 

$('select').change(function(){
    var myVal = $(this).val();
    alert(myVal);
    //open window code here
    //blah blah
});

在這里查看我的jsfiddle

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 帶有下拉列表設計問題的多個 Select jQuery菜單下拉問題 Div下拉菜單問題 關於下拉菜單的問題 觸摸屏上的下拉菜單問題 Magento下拉菜單問題 jQuery下拉菜單問題 相關下拉菜單問題 下拉菜單中的問題 菜單下拉菜單出現問題
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM