Question

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

我的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/

根据选择选项更改背景图像

1 个答案: