Javascript 颜色选择器的多个实例内的文本输入

我正在尝试创建多个颜色选择器实例，其中包含文本输入

注释后的代码适用于单个实例，但我不确定如何与多个实例一起使用。这是我最大的努力

/*
*多实例文本输入
*/
var target=document.queryselectoral（'.colorpicker'）；
var x=[]；
对于（变量i=0，len=target.length；i

---

您的问题是

change

事件中

i

的范围

您可以解决保存索引的问题：

picker.myprop = i;

并获取保存的索引：

picker.on('change', function (color) {

    var i = this.myprop; // HERE !

    x[i].value = '#' + color;
    this.target.value = '#' + color;

    this.target.style.backgroundColor = '#' + color;
    //app.settings[this.target.getAttribute('name')] = color;
});

---

是的，问题是我没有定义，不知道如何在更改事件中访问i。太棒了，谢谢：）哦，更新方法有问题，但无法在插入的文本输入中设置值。啊，一个选择器数组。作品很棒：）