隱藏farbtastic顏色代碼

Question

有一個偉大的http://acko.net/blog/farbtastic-jquery-color-picker-plug-in/

我需要做兩件事情：

一個。隱藏我們可以看到的顏色代碼

<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。

Answer 2

我看不到你指的腳本，頁面將不會加載，但我敢肯定，你只需要改變類型分爲hidden，當它是隱藏的，你也可以刪除readonly屬性：

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

我假設腳本自動更新了您提到的字段，如果它隱藏，它仍然會更新它。