光谱颜色选择器获取颜色的值

时间:2013-10-11 18:03:00

标签: javascript jquery html color-picker

我很好地实现了Spectrum的颜色选择器

$(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中的值。有人能帮我吗?

3 个答案:

答案 0 :(得分:21)

另一种获得它的方法,如果输入字段方法不适合你,则直接来自频谱本身。

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

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

要转换它。

答案 1 :(得分:4)

输入的值?

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

答案 2 :(得分:2)

使用color.toRgbString()为我工作