javascript - 隐藏farbtastic颜色代码

Question

有一个很棒的 http://acko.net/blog/farbtastic-jquery-color-picker-plug-in/

我需要做两件事:

a.隐藏我们可以在

下看到的颜色代码

<input readonly="readonly" type="text" id="color"  name="color" value="#123456" />

b.将此代码保留到其他隐藏字段。

如何做到这一点？

谢谢!

Answer 1

试试这个

HTML

<form>
    <input type="text" id="color" name="color" />
    <input type="hidden" id="colorValue" name="colorValue" />
</form>
<div id="colorpicker"></div>​

JS

$(document).ready(function() {
    var picker = $.farbtastic('#colorpicker');
    picker.setColor("#fff");
    picker.linkTo(function onColorChange(color) {
        $('#color').css({'background-color':color});
        $('#colorValue').val(color);
    });
});

DEMO .