Question

是否真的可以在tesxtfield中获得光谱颜色选择器？我的意思是我希望像背景颜色一样显示为文本（rgb或rgba）。我如何实现这一点，因为我尝试使用此处的另一个示例和频谱的官方页面，但它不是工作。我的例子：http://jsfiddle.net/UkmXM/50/

<input type="text" value="" id="result"/>

<input type="text" id="backgroundColorPicker"/>

所以我试过这样：

$(document).ready(function(){

    $('#backgroundColorPicker').spectrum({
        color: '#000',
        showAlpha: true,
        move: function(color){
            $('#result').css('background-color',color.toRgbString());
            $('#result').spectrum('get').toHexString();
        }
    });
});

并且像这样，但仍然不起作用：

$(document).ready(function(){

    $('#backgroundColorPicker').spectrum({
        color: '#000',
        showAlpha: true,
        move: function(color){
            $('#result').css('background-color',color.toRgbString());  
            var value = $('#result').val();
        }
    });
});

Answer 1

我回答了我自己的问题，这应该有效.. http://jsfiddle.net/UkmXM/58/

$(document).ready(function(){
        $('#backgroundColorPicker').spectrum({
            color: '#000',
            showAlpha: true,showInput: true,

            move: function(color){
                $('#result').css('background-color',color.toRgbString());  
               $('#result').val(color.toRgbString());

            }

        });
    });

如何获取文本域内的频谱颜色选择值的值

1 个答案: