帶圖像的Javascript下拉菜單

Question

我在其中一個主題上發現了這個問題： http://jsfiddle.net/GHzfD/357/ 我想問一下從下拉列表中選擇圖像後如何提醒（路徑）。

<script> 
$("body select").msDropDown(); 

alert(???) 
</script> 

Answer 1

試試這個：

$(document).ready(function(){ 
    $("body select").msDropDown(); 
    $("#webmenu").change(function(){ 
    alert($("#webmenu option:selected").attr('title')); 
    }); 
}); 

工作小提琴：http://jsfiddle.net/robertrozas/GHzfD/629/

Answer 2

添加事件處理程序的msDropDown初始化參數。

$("body select").msDropDown({ 
    on: { 
     change: function(data, ui) { 
      alert(data.image); 
     } 
    } 
}); 

Answer 3

這裏：http://jsfiddle.net/GHzfD/630/

$("#webmenu").change(function(){ 
    alert($(this).find("option:selected").attr("title")); 
});