通過按鈕點擊影響下拉菜單點擊

Question

我有一個按鈕（「.next」）和一個下拉（「#page_num」）。下拉菜單（jQuery UI選擇菜單）附有以下功能。

$("#page_num").selectmenu ({ 
     width: 40, 
     change:function(event,ui) { 
      search(); 
     } 
    });; 

我有以下代碼，其中按鈕單擊導致下拉列表更改爲下一個選項。

$("#next").button(); 
    $('#page_num').selectmenu(); 

    $('#next').click(function() { 

     if($("#page_num :selected").index() != $("#page_num option:last-child").index()){ 
      $("#page_num").val($("#page_num :selected").next().val()); 
      $('#page_num').selectmenu('refresh', true); 
     } else { 
      $("#page_num").val($("#page_num option:first-child").val()); 
      $('#page_num').selectmenu('refresh', true); 
     } 
    });  

我的問題是，我似乎無法將前代碼整合到後者中。每次單擊.next按鈕時，我都希望下拉菜單傳遞「search（）」函數，但無法使其工作。 任何人都可以對此有所瞭解嗎？

感謝

Answer 1

我得到它的工作。我沒有試圖將下拉搜索功能與按鈕結合起來，而是讓按鈕具有自己的搜索功能。

$("#next").button(); 
$("#page_num").selectmenu ({ 
    width: 40, 
    change:function(event,ui) { 
     search(); 
    } 
}); 

$('#next').click(function() { 

    if($("#page_num :selected").index() != $("#page_num option:last-child").index()){ 
     $("#page_num").val($("#page_num :selected").next().val()); 
     $('#page_num').selectmenu('refresh', true); 
     search(); 
    } else { 
     $("#page_num").val($("#page_num option:first-child").val()); 
     $('#page_num').selectmenu('refresh', true); 
    } 
}); 

比我想象的容易！

Answer 2

這樣看來，在第一碼和你打電話selectmenu第二碼兩者。所以當你實現第二個代碼時，你首先覆蓋了發送給selectmenu的參數（包括更改處理程序）。

所以結合您這樣的代碼：

$("#next").button(); 
$("#page_num").selectmenu ({ 
    width: 40, 
    change:function(event,ui) { 
     search(); 
    } 
}); 

$('#next').click(function() { 

    if($("#page_num :selected").index() != $("#page_num option:last-child").index()){ 
     $("#page_num").val($("#page_num :selected").next().val()); 
     $('#page_num').selectmenu('refresh', true); 
    } else { 
     $("#page_num").val($("#page_num option:first-child").val()); 
     $('#page_num').selectmenu('refresh', true); 
    } 
});