使用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()); });更多推荐
colorList,Color,Name,电脑培训,计算机培训,IT培训"/> <meta name="descript
发布评论