如何保存输入类型"颜色"

时间:2016-05-23 07:05:58

标签: javascript php jquery html colors

我在个人资料页面工作,想要添加一个最喜欢的颜色'按钮。 所以这是我在视图中使用的代码:

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

因此,在个人资料页面上的“颜色选择器”&#39;是可见的。

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

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

由于

2 个答案:

答案 0 :(得分:0)

我猜可能会因为两个原因而发生:

  1. 您在使用php代码生成页面时忘记设置数据。你需要这样的东西:  <input type="color" id="theId" value="#<some php code to get the value>" />
  2. 你错过了#34;#&#34;。 &#34;#220056&#34;给出一种颜色,但是&#34; 220056&#34;给布莱克。
  3. 希望它有所帮助, 此致

答案 1 :(得分:0)

对不起,我犯了一个错误。 在我的数据库列中,我将字符限制为6。 我忘了#也是一个角色所以我不得不做char(7) 现在它有效! 还是谢谢你的帮助和答案。