2013-10-11 163 views
8

我实现频谱的颜色选择器就好光谱颜色选择器,使色彩

$(document).ready(function() { 
 
    $("#font_color").spectrum({ 
 
    color: "#f00" 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://cdn.rawgit.com/bgrins/spectrum/master/spectrum.js"></script> 
 
<link href="https://cdn.rawgit.com/bgrins/spectrum/master/spectrum.css" rel="stylesheet"/> 
 

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

的价值,但我不知道怎么去使用JavaScript texfield内的值。有人能帮我吗?

回答

4

输入的值是多少?

var value = $("#font_color").val(); 
+0

谢谢!我现在知道要获得价值。 :)添加onchange到输入 –

+1

没有工作。 $( “#font_color”)频谱( '得到')toHexString()。作品虽然 –

18

如果输入字段方法不适合你,另一种方法是直接从频谱本身获取它。

$("#font_color").spectrum('get'); 

$("#font_color").spectrum('get').toHexString(); 

为了得到它转换。

+0

为什么这是如此丑陋?这是一种jQuery约定吗?为什么不是: 'var myColorPicker = $('#font_color')。spectrum(); var color = myColorPicker.get()' – noio