HTML5颜色选择更改范围颜色

Question

我正在制作一个表格,您可以预览结果.我做了这个:

HTML:

<input type="color" id="color" />
<span id="colorchange">Foo</span>

JS:

 $(document).ready(function() {
    $("#color").click(function() {
         var color= $(this).attr('val'); // Not sure about this
         $("#colorchange").css("color","+color+");
    });
 });

哪个没用.有任何想法吗？

谢谢!

编辑: jsfiddle:http://jsfiddle.net/xgm34/

新编辑

Answer 1

在jQuery中使用change事件:

$("#color").on('change', function() {
    $("#colorchange").css({"color":$(this).val()});
});

http://jsfiddle.net/j27Bu/