使用jquery在alertbox onclick事件中顯示數組值（動態）

Question

我在下拉列表中填充了一個數組。

點擊我要顯示的項目colorList [i] .Color在提醒框中。

演示：http://jsfiddle.net/Xz9Hz/

HTML：

<div> 
<div id="DynaLoad"> 
</div> 
</div> 

JQuery的：

$(document).ready(function() { 
var colorList = [ 
    { Color: "#FFFFFF", Name: "White"}, 
    { Color: "#202020", Name: "Grey"}, 
    { Color: "#DE2341", Name: "Red"}, 
]; 

    $('#DynaLoad').append("<select id='cList'></select>"); 
    for (i = 0; i < colorList.length; i++) { 
    $("#cList").append("<option class='clr'>" + 
    colorList[i].Name + "</option>"); 

    // Want to alert colorList[i].Color onClick of the particular selection 

}); 

在此先感謝。

Answer 1

您可以更改事件上CLIST使用on()作爲選擇與腳本，並使用其安全動態添加綁定。

Live Demo

$('#DynaLoad').on("change", "#cList", function() { 
    alert($(this).val()); 
}); 

Answer 2

創建選擇列表後補充一點：

$('#cList').change(function() { 
     alert($(this).val()); 
    }); 

http://jsfiddle.net/Xz9Hz/1/

Answer 3

您可以更改事件現場jQuery的綁定。

$(function(){ 
      $("#DynaLoad").live("change",function(){ 
       alert($(this).val()); 
      }); 
     })