javascript - 让 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？

另外，您正在查看什么“说明”...您可以提供源链接吗？