0

素晴らしいhttp://acko.net/blog/farbtastic-jquery-color-picker-plug-in/があります

私は2つのことをする必要があります:

を。下に表示されるカラーコードを非表示にします

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

b. このコードを他の隠しフィールドに保管してください。

それはどのように行うことができますか？

ありがとうございました！

4

2 に答える 2

4

これを試して

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

デモ。

于 2012-09-01T02:40:34.100 に答える
1

あなたが参照しているスクリプトが表示されません。ページは読み込まれませんが、タイプを に変更するだけでよいと確信しています。hidden非表示の場合は、readonly属性を削除することもできます。

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

スクリプトがあなたが言及したフィールドを自動的に更新したと思いますが、非表示の場合でも更新されます。

于 2012-09-01T02:20:00.923 に答える