隐藏远古色码

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

DEMO

Answer 2

我看不到您所引用的脚本，页面无法加载，但我很确定您只需要将类型更改为hidden，当它隐藏时您也可以删除{{1属性：

readonly

我认为脚本会自动更新您提到的字段，如果它被隐藏，它仍会更新它。