javascript - 隐藏 farbtastic 颜色代码

Question

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

我需要做两件事：

一种。隐藏我们可以在下面看到的颜色代码

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

湾。将此代码保留在其他隐藏字段中。

怎么做？

谢谢！

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);
    });
});

演示。

Answer 2

我看不到您所指的脚本，页面不会加载，但我很确定您只需将类型更改为hidden，当它隐藏时，您还可以删除该readonly属性：

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

我假设脚本自动更新了您提到的字段，如果它被隐藏，它仍然会更新它。