Javascript 让jscolor处理许多不同的输入

Javascript 让jscolor处理许多不同的输入,javascript,php,jscolor,Javascript,Php,Jscolor,我正在使用jscolor,我需要它在同一代码中更改5个不同输入的颜色。我遇到的问题是,当我改变其中一个的颜色时,它要么改变所有的颜色,要么只选择最后一个 他们有指示,但我不明白。任何帮助都会很好 以下是我的一些代码: 对于输入1: <input style="width:130px; font-size:14px; padding:5px;" class="jscolor {width:243, height:150, position:'right', borderColor:'#FFF

我正在使用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']?>">
我真的需要帮助。谢谢大家!

最后我就这样做了,而且很有效

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

在你文章的最后部分,jQuery在使用吗?如果是,则不应是:

$("#htcolor").css("color", jscolor);
$("#onecolor").css("color", jscolor);
…获取元素ID


还有,你在看什么“说明”。。。你能提供一个到源的链接吗?

我发现如果我添加你的两个输入元素,没有update()函数,输入(背景)颜色将从选择器更新为所选颜色?我遗漏了什么吗?好的,jscolor似乎有自己的一些默认处理。我将检查更多内容,看看是否有任何新信息。我看到了您更新的注释,但我确实重新导入了update()函数。我添加了一个警报,并注意到jscolor发送一个简单的十六进制字符串值(即a5c103),但要使用它,您必须使用以下原始函数之一:$(“#htcolor”).css(“color”,“#”+jscolor);如果不在#前面加前缀,则无法按预期应用颜色。
$('#htcolor').on('change', function (e) {
var optionSelected = $("option:selected", this);
var valueSelected = this.value;
$(".htcolor").css("color", valueSelected);
 });
$("#htcolor").css("color", jscolor);
$("#onecolor").css("color", jscolor);