2013-10-11 5 views
8

я реализовал палитру цветов 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" />

Но я не знаю, как получить значение внутри texfield с помощью JavaScript. Кто-нибудь может мне помочь?

ответ

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

Смежные вопросы