隐藏farbtastic颜色代码

2012-09-01 48 views 0 likes

有一个伟大的http://acko.net/blog/farbtastic-jquery-color-picker-plug-in/隐藏farbtastic颜色代码

我需要做两件事情：

一个。隐藏我们可以看到的颜色代码

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

b。将此代码保存到其他隐藏字段中。

它是如何做到的？

谢谢！

来源

2012-09-01 Academy of Programmer

是否要从只读输入中移除颜色代码并将其保存在另一个输入中？ –

@SheikhHeera。正确。但另一个输入应该隐藏。我只是不想给用户太多的代码。只能看到所选颜色而不是颜色代码。 –

检查我的答案。 –

回答

试试这个

HTML

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

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

DEMO。

来源

2012-09-01 02:40:34

太棒了！ ++++ 100 Ty！ –

非常感谢你:-) –

我看不到你指的脚本，页面将不会加载，但我敢肯定，你只需要改变类型分为hidden，当它是隐藏的，你也可以删除readonly属性：

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

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

来源

2012-09-01 02:20:00

隐藏farbtastic颜色代码

回答

相关问题