2013-10-11 12 views
8

ho implementato selettore colore di spettro beneSpectrum color picker ottenere il valore del colore

$(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" />

Ma io non so come ottenere il valore all'interno della texfield utilizzando JavaScript. Qualcuno può aiutarmi?

risposta

4

il valore dell'ingresso?

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

Grazie! Ora so per ottenere il valore. :) Aggiunto onchange all'input –

+1

Non funziona. $ ("# Font_color") dello spettro ('get') toHexString()..; funziona però –

18

altro modo per ottenere anche, se il metodo di campo di input non funziona per voi, direttamente dal spettro stesso.

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

o

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

Per ottenerlo convertito.

+0

Perché è così brutto? Questa è una specie di convenzione jQuery? Perché no: 'var myColorPicker = $ ('# font_color'). Spectrum(); var color = myColorPicker.get() ' – noio

Problemi correlati