jquery - 使用jquery在alertbox onclick事件中显示数组值（动态）

Question

我在下拉列表中填充了一个数组。

单击我想在警报框中显示colorList[i].Color的项目。

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

HTML：

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

查询：

$(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').change(function() {
      alert($(this).val());
    });

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

Answer 2

您可以使用on()在 cList 上绑定更改事件，因为 select 是通过脚本动态添加的，并且可以安全地使用 on。

现场演示

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

Answer 3

您可以将更改事件与 jquery 中的 live 绑定。

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