Question

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

我使用以下构造函数： -

uploads/Deviation/1/Laravel%20Cheatsheet.pdf

这是jsp中的代码。

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

我从数据库中获取颜色代码，因此我无法在以下行中添加上面给出的初始颜色代码：

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

如何在构造函数中提供此颜色？文档说有一个颜色选项，但没有给出演示。我怎样才能提供最初的颜色？像这样：

<input type='text' value='#ea0437' class='form-control'/>

有什么建议吗？提前致谢。

Answer 1

经过几天的努力，我得到了我的工作。看来onchange事件已附加到colorpicker输入字段，但在通过脚本设置值后不会被触发。因此你必须手动启动它，如下所示：

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

Answer 2

同时使用这两者。它会起作用

    $('#inputcolor').colorpicker({color : "Your_color"})
`   $('#inputcolor').colorpicker('setValue', "Your_color")

Answer 3

这段代码对我有用：

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

我只是输入了＆＃34; inputcolor＆＃34;的ID然后使用getElementById获取它。

修改

如果在文档完全加载时为输入赋值，然后颜色选择器选择它，那么它就像默认颜色。

这是新代码：

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

这个库存在很多问题，您可以查看github中的问题。

这里是新的Fiddle

Answer 4

根据文档

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

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

Answer 5

我用过：

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

祝你好运

Bootstrap colorpicker初始颜色值

5 个答案: