0

ドロップダウン (選択) の選択が変更されるたびに、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 + '")');
     }

また、まったく関係のないメモとして...画像のみをドロップダウンで選択するための情報をどこで見つけることができるかについてのヒントはありますか? テキストの代わりにアイコンのドロップダウンを使用したいと思います。

4

1 に答える 1

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

これがあなたのフィドルです：http://jsfiddle.net/7xYv3/1/

于 2013-01-21T19:11:46.880 に答える