根据选择的选项更改背景图片

Question

我尝试在下拉的（选择）选项更改时动态更改div的背景。我正在使用data-bg属性来指定应该使用的背景。但是我无法弄清楚如何从当前选择的选项中获取属性。

现状：http://jsfiddle.net/7xYv3/

我的javascript：

 $('#game-list').change(function() { 
     var selectValue = $("#game-list").val(); 
     var gameBackground = $(selectValue).attr("data-bg"); 
     changeBg(gameBackground); 
    }); 

    //change the background color based on the data-bg attribute 
    function changeBg(bg) { 
     $(".welcome").css('background-image', 'url("' + bg + '")'); 
    } 

此外，在一个完全无关的音符......在哪里我可以找到具有图像只能选择下拉信息任何提示？我很乐意使用下拉式图标代替文字。

Answer 1

$('#game-list').change(function() { 
    changeBg($('option:selected', this).data('bg')); 
}); 

这是你的提琴：http://jsfiddle.net/7xYv3/1/