javascript - 如何使用带有javascript的预定义调色板将一个变量的颜色更改为另一种颜色

Question

我的 map 侧面有一个图例，希望用户能够将颜色更改为他们从预定义颜色字段中选择的颜色。我正在使用 https://github.com/bgrins/spectrum对于我的调色板代码。我只是不确定现在如何能够让用户选择来确定他们想要什么颜色。

到目前为止我有这个:

    $('#showPaletteOnly').spectrum({
       shoPaletteOnly: true,
       showPalette: true,
       color: '#a6cee3',
       palette:[
          ['#a6cee3','#1f78b4','#b2df8a','#33a02c','#fb9a99','#e31a1c','#fdbf6f','#ff7f00','#cab2d6','#6a3d9a','#ffff99','#b15928']
       ]
     });

我在 map 的一侧有一个图例，其中包含 10 个字段，每个字段都已经在数据库中定义了一种颜色。我假设我只需要一个功能就可以做到这一点，但我不确定如何开始。我在创建这个之前用谷歌搜索但找不到任何东西。谢谢!

Answer 1

如果您想在数据库中保留更改，您可以做什么:

在用户选择新颜色时，使用 $.post() 方法更新数据库中的实体:https://api.jquery.com/jquery.post/

$.post( url, { entityId: entityId, color: newColor }, function(){

    $('#yourElement').css('color', newColor);
} );

如果不用更新，直接使用回调函数的内容即可

当然要设定自己的值(value)观