Javascript 引导颜色选择器初始颜色值

我使用的是bootstrap colorpicker，但我的要求是在更改select下拉列表时以不同的方式更改默认的onload颜色

我正在使用以下构造函数：-

$('#colorPicker').colorpicker();

这是jsp中的代码

<div id='colorPicker'>
 <input type='text' value='#ea0437' class='form-control'/>
 <span class='input-group-addon'></span>
</div>

---

有什么建议吗？提前谢谢

这段代码对我有效：

$('#colorPicker').colorpicker(document.getElementById('inputcolor'),'#ea0437');

我只是给了输入一个inputcolor的id，然后用getElementById获取它

编辑：

当文档完全加载时，给输入赋值，然后由颜色选择器选择，这样它就会像默认颜色一样

以下是新代码：

$(document).ready(function(){
    $('#inputcolor').val('#ccc');
});
    $('#colorPicker').colorpicker();

这个库有很多问题，你可以看看他们的问题

---

这是新的

经过几天的试用，我的工作已经开始了。在通过脚本设置值后，似乎已将onchange事件附加到colorpicker输入字段，但未被激发。因此，您必须手动启动它，如下所示：

$("#inputcolor").val("#bbccff");
$("#inputcolor").trigger('change');

---

同时使用这两种方法。它会起作用的

$'inputcolor'.colorpicker{color:Your_color} $'inputcolor'.colorpicker'setValue'，您的颜色

---

根据文件

$colorpicker.colorpicker('setValue', value);

尝试使用十六进制，似乎工作正常

我使用：

$('#inputcolor').val('#ccc');
$('#colorPicker div').css('backgroundColor', '#ccc');

---

祝您好运

您是否使用此站点的颜色选择器：您是否尝试过颜色属性？有错误吗？为什么不使用颜色输入类型？像这样：@ReaganGallant是的，我使用的是您提到的那个。@sjm是的，我使用的是问题中给出的颜色属性。它不起作用。控制台上没有错误。它只是忽略颜色，并将colorpicker组件加载到默认空白状态，其中包含一个不可见的透明无颜色框。点击这个按钮，我打开了colorpicker小部件，然后可以选择颜色。但是，用初始颜色加载colorpicker的要求并没有完全满足。谢谢你的努力，阿亚迪，但是小提琴没有按预期工作。您在和colorpicker构造函数中提供了相同的颜色代码“ea0437”。我试图更改颜色，然后运行，但失败了。我刚刚做了一些编辑，你能验证这是否是你要找的吗？非常感谢阿亚迪巴哈。是的，它现在起作用了。我试着和你做的一样$'inputcolor'.val'832ed9'；但我是通过java脚本而不是jquery来实现的。不知道为什么它不起作用。昨天，我通过在引导colorpicker js文件中做一些修改来解决这个问题。您以一种非常简单的方式解决了这个问题，而不涉及colorpicker的源js文件。非常感谢你的帮助：我花了将近3个小时来让它工作。非常感谢你的小费！

$colorpicker.colorpicker('setValue', value);

$('#inputcolor').val('#ccc');
$('#colorPicker div').css('backgroundColor', '#ccc');