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？

此外，您正在查看哪些“说明”...您是否可以提供指向来源的链接？

获取jscolor以使用许多不同的输入

1 个答案: