Question

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

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

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

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

Answer 2

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

<强> Live Demo

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

Answer 3

您可以使用live in jquery绑定change事件。

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

使用jquery在警报框onclick事件中显示数组值（动态）

3 个答案: