让JScolor与许多不同的输入一起使用

Question

我正在使用jscolor，我需要它在同一代码中的5个不同输入上更改颜色。我遇到的问题，当我更改颜色时，它要么在所有这些上都更改它们，要么只选择最后一个。

他们有指示，但我不了解它们。任何帮助都会很棒。

这是我的一些代码：

输入1：

<input style="width:130px; font-size:14px; padding:5px;" class="jscolor {width:243, height:150, position:'right',
borderColor:'#FFF', insetColor:'#FFF', backgroundColor:'#666', onFineChange:'update(this)'}" id="htcolor" name="htcolor" value="<?php echo $r['htcolor']?>">

用于输入2：

<input style="width:130px; font-size:14px; padding:5px;" class="jscolor {valueElement:'onecolor', width:243, height:150, position:'right',
borderColor:'#FFF', insetColor:'#FFF', backgroundColor:'#666', onFineChange:'update(this)'}" id="onecolor" name="onecolor" value="<?php echo $r['onecolor']?>">

这是功能代码：

function update(jscolor) {
$(".htcolor").css("color", jscolor);
$(".onecolor").css("color", jscolor);
 }

我真的需要帮助。谢谢！

我最终这样做了，它有效...

$('#htcolor').on('change', function (e) {
var optionSelected = $("option:selected", this);
var valueSelected = this.value;
$(".htcolor").css("color", valueSelected);
 });

Answer 1

在您的帖子的最后部分使用的jQuery是吗？如果是这样，那应该不是：

$("#htcolor").css("color", jscolor);
$("#onecolor").css("color", jscolor);

...获取元素ID？

另外，您正在查看哪些"指示" ...您可以提供指向源的链接吗？