带有动态按钮和函数的javascript循环

javascript loop with dynamic buttons and functions

本文关键字:javascript 循环 函数 动态 按钮      更新时间:2023-09-26

在我的PHP脚本中,我有一个变量,它将数组的长度存储在arrayLength中。我将这个长度传递给javascript。我会尽量保持简单,但理想情况下,我会尝试为数组中的每个元素提供自己的动态javascript按钮,每个按钮都有自己的功能。我需要将这些字符串存储在一个数组中,因为用户输入使我无法知道将有多少元素,以及需要多少按钮/函数。以前,当我只有一个按钮,没有数组时,我就可以做到这一点,但现在我试图在一个页面上合并多个动态按钮,每个按钮都属于数组中的一个字符串,每个按钮有自己的功能。我的逻辑是正确的吗?如果你能帮助我,我将不胜感激。

var arrayLength = "<?php echo $arrayLength; ?>";
var click = { 
click_1: function() { }
};
for (var num=2;num<=arrayLength;num++) {
var newClick = "click_" + num;
click[newClick] = function() { // controls what will happen when button is clicked };
}

除了最好不要将$arrayLength作为字符串,而是作为整数提供,并且您的注释切断了函数的结束}之外,您的代码确实有效,错误一定在其他地方。我试过了,检查console.log()的输出:它返回了一个很好的对象,其中有一堆空函数作为属性。