使用jquery在alertbox onclick事件中显示数组值（动态）(Display array value(dynamic) in alertbox onclick event using j

使用jquery在alertbox onclick事件中显示数组值（动态）(Display array value(dynamic) in alertbox onclick event using jquery)

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

单击我要在警告框中显示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 });

提前致谢。

I populated an array in a dropdown list.

On Click of the item I want to display colorList[i].Color in alert box.

Demo : 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 });

Thanks in advance.

最满意答案

您可以使用on（）绑定cList 上的change事件，因为select是使用脚本动态添加的，而使用on是安全的。

现场演示

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

You can bind the change event on cList using on() as the select is added dynamically with script and its safe using on.

Live Demo

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