显示从选择列表中选择的幻灯片

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