顯示從選擇列表中選擇的幻燈片

Question

我正在玩jQuery創建幻燈片放映而不使用任何插件。我正在使用圖像標籤的替代文本填充選擇列表。現在我試圖從幻燈片放映中選擇圖像，當我從選擇列表中選擇任何項目時。例如幻燈片放映在第一張幻燈片上，我選擇第三個選項，然後幻燈片放映應顯示第三張幻燈片。不知何故，我無法弄清楚如何去做。

感謝您的幫助。

$('select').on('change', function (e) { 
     var optionSelected = $("option:selected", this); 
     var valueSelected = this.value; 

}); 

http://jsfiddle.net/jdp12383/ebXJv/

Answer 1

這可能是有幫助的，

$('select').bind('change', function (e) { 
    $('#exampleSlider').find('li').hide(); 
    $('img[alt="'+ $(this).find(":selected").val() + '"]').parent().show(); 
}); 

這裏是工作提琴，

fiddle