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

【问题标题】：How to save input type "color"如何保存输入类型“颜色”
【发布时间】：2016-09-19 22:56:01
【问题描述】：

我在个人资料页面上工作，想添加一个“喜欢的颜色”按钮。所以这是我在我看来使用的代码：

<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) 中查找它，我会看到我选择的十六进制颜色代码，这样它就可以工作了。但是在我保存我的个人资料并刷新页面后，您仍然会看到默认（黑色）颜色，而不是我在保存之前选择的颜色。

谁能帮我在个人资料页面上显示颜色。

谢谢

【问题讨论】：

您是否将默认输入类型颜色值设置为数据库颜色值？还是只是黑色？编辑：啊，我看到默认是黑色的。
您是否在输入值中设置颜色代码？

标签： javascript php jquery html colors

【解决方案1】：

对不起，伙计们，我犯了一个错误。在我的数据库列中，我将字符限制为 6 个。我忘了 # 也是一个字符所以我不得不做 char(7) 现在它起作用了！仍然感谢您的帮助和回答。

【讨论】：

【解决方案2】：

我猜可能有两个原因：

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

希望对你有帮助，问候

【讨论】：