通過簡單的html下拉菜單導航jQuery圖像滑塊

Question

嗨我想創建一個基本的下拉菜單，允許用戶導航到jQuery滑塊中的特定幻燈片。此滑塊腳本提供了公共方法「gotoSlide（index）」，因此可以通過onClick="jQuery('.slider').Slider().gotoSlide(1); return false;"跳轉到特定幻燈片。我想這個鏈接整合到一個基本的HTML下拉菜單形式，即

<form name="jumpTo"> 
    <select name="menu" onChange="..."> 
    <option value= onClick="jQuery('.slider').Slider().gotoSlide(1); return false;">LINK 1</option> 
    <option>...</option> 
    </select> 
</form> 

我假設我的語法是不正確的，看來我需要適當的JS加入到「的onChange」屬性啓用滑塊（？）內的導航，但我不知道如何繼續。我看過onChange="window.location=this.options[this.selectedIndex].value;"這似乎適用於常規鏈接，但不適用於點擊事件。

感謝您的任何指導。

Answer 1

使用change()事件選擇框......得到改變選擇框的值，並調用函數gotoSlide()同樣

試試這個

HTML

<form name="jumpTo"> 
    <select name="menu" id="selectmenu"> //added an id here 
    <option value="1">LINK 1</option> //changed the value to the slider you want to go to 
    <option value="2">LINK 2</option>.... 
</select> 
</form> 

JQUERY

$('#selectmenu').change(function(){ //calling change event 
    jQuery('.slider').Slider().gotoSlide($(this).val()); //go to slide with the changed value 
    return false; 

});