如何保存输入类型“颜色”

Question

我在个人资料页面上工作，想要添加“收藏夹颜色”按钮。 这是我在视图中使用的代码：

<span class="form-label">Your favorite color:</span>
<input id="my_color" type="color"/>`<span class="form-label">

因此，在配置文件页面上可以看到“颜色选择器”。

这是我的JavaScript中的保存功能。 （它适用于其他配置文件选项。

var saveChanges = function ()
{
    var jsonData = {};

    $('#user_info input').each(function () {
        var key = $(this).attr('id');
        var value = $(this).val();
        jsonData[key] = value;
    });

我可以保存选择的颜色，如果在数据库（my_color）中进行查找，我会看到选择的十六进制颜色代码，这样可以正常工作。 但是在保存个人资料并刷新页面后，您仍然会看到默认的（黑色）颜色，而不是我在保存之前选择的颜色。

有人可以帮我在个人资料页面上显示颜色吗？

谢谢

Answer 1

我猜是有可能发生的，原因有两个：

1. 您在使用php代码生成页面时忘记设置数据。 您需要类似： <input type="color" id="theId" value="#<some php code to get the value>" />
2. 您错过了“＃”。 “＃220056”给出颜色，而“ 220056”给出黑色。

希望对您有所帮助

Answer 2

对不起，我犯了一个错误。 在我的数据库列中，我将字符限制为6个。我忘记了＃也是一个字符，因此我不得不做char（7），现在可以了！ 仍然感谢您的帮助和解答。