JQM下拉菜單中的菜單標題和事件處理每個選項

你好，我是想做一個JQM的webapp在菜單欄像2個下拉菜單 -JQM下拉菜單中的菜單標題和事件處理每個選項

菜單1個標題頁子菜單的1

菜單1具有5個主選擇和菜單2具有5個個子選項，

如果用戶選擇從選項等[第一菜單] 5個選項將在Submenu1顯示出來，並會有一個HTML頁的每個子菜單。 [所以總會有25頁]像

菜單1 --Submenu1 --a新的一頁[MENU1-submenu1.html]

菜單1 --Submenu2 --a新的一頁[MENU1-submenu2.html]

菜單1 --Submenu3 --a新的一頁[MENU1-submenu3.html]

菜單1 --Submenu4 --a新的一頁[MENU1-submenu4.html]

菜單1 --Submenu5 - - 新頁面[menu1-submenu5.html]

菜單2 --Submenu1 - --a新的一頁[MENU2-submenu1.html]

菜單2 --Submenu2 - --a新的一頁[MENU2-submenu2.html]

菜單2 --Submenu3 - - - 新頁面[menu2-submenu3.html]

...................................

我該如何做事件處理？

下面的代碼我已經讓我對我的任務-HTTP基本GUI：//jsfiddle.net/aVkgp/198/

來源

2012-12-03 raghu_3

如果你設置值的第二個菜單的陣列，可以動態「復位「第二菜單每次所述第一被改變：

var secondMenu = [ 
     '<option value="1-1">1</option><option value="1-2">3</option><option value="1-3">3</option>', 
     '<option value="2-1">1</option><option value="2-2">3</option><option value="2-3">3</option>', 
     '<option value="3-1">1</option><option value="3-2">3</option><option value="3-3">3</option>' 
    ]; 
$('#select-choice-1').on("change", function(e){ 
    $("#select-choice-2").html(secondMenu[$(this).val()]).selectmenu('refresh'); 
}).trigger('change');//initialize for first-load

這涉及在第一個菜單到第二個菜單的內容所選擇的選項的值。

這裏是一個演示：http://jsfiddle.net/aVkgp/199/

來源

2012-12-03 21:12:50 Jasper

謝謝你們reply.I有2個問題-1）$（ '＃選擇選擇題-1'）上（「變」，功能（E）{$ （'＃select-choice-2'）。html（secondMenu [$（this）.val（）]）。selectmenu（'refresh'）; }）。trigger（'change'）; **究竟是什麼代碼做?? ** 2）我怎樣才能加載不同的頁面，每次菜單變化？ –

@ user1721480 ** 1）**選擇第二個菜單元素，根據第一個菜單元素的值更新它的HTML（第一個菜單元素的值需要是從零開始遞增的索引，以匹配用'secondMenu'數組），然後刷新選擇菜單小部件。 ** 2）**您將需要一個綁定到第二個菜單的事件處理程序，它基於第二個菜單中選擇的值更改頁面（因此，設置「

Thankyou。以下是我更新的代碼.http：//jsfiddle.net/aVkgp/201/。請給我一個代碼片段指導我如何更新它到以下條件喜歡-_if（左下拉==「1」）&&（右下拉==「1」） - 創建一個鏈接到11。如果（左下拉==「2」）&&（右下拉==「1」） - 創建鏈接到21.html if（left dropdown ==「2」）&&（right dropdown ==「3」） - 創建一個鏈接到23.html'_ –

JQM下拉菜單中的菜單標題和事件處理每個選項

回答

相關問題