让 jscolor 处理许多不同的输入答案

【问题标题】：Get jscolor to work with many different inputs让 jscolor 处理许多不同的输入
【发布时间】：2017-03-08 17:11:55
【问题描述】：

我正在使用 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);
 });

【问题讨论】：

标签： javascript php jscolor

【解决方案1】：

你的文章最后部分使用的是 jQuery 吗？如果是这样，那不应该是：

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

...获取元素 ID ？

另外，您查看的是什么“说明”...您能提供指向源的链接吗？

【讨论】：

我发现如果我添加你的两个输入元素，没有 update() 函数，输入（背景）颜色正在更新为从选择器中选择的颜色？我错过了什么吗？
好的，jscolor 似乎有一些自己的默认处理。我会再检查一些东西，看看是否有任何新信息。
我看到了您更新的评论，但我确实重新实施了您的 update() 函数。我添加了一个警报并注意到 jscolor 发送一个简单的十六进制字符串值（即 a5c103），但要使用它，您必须使用如下的原始函数之一： $("#htcolor").css("color" , "#" + jscolor);如果没有 # 前缀，颜色不会按预期应用。