我在哪里可以从这个 jquery 插件中获取十六进制颜色的值?

发布于 2024-10-01 11:15:11 字数 452 浏览 3 评论 0原文

我使用这个 jquery 插件,它是一个颜色选择器,但我想知道当用户选择颜色时,颜色十六进制值存储在哪里,这样我可以处理它并将其放入数据库中。谢谢,

这是 jquery 插件的链接: http://www.eyecon.ro/colorpicker/

HTML

<div id='colourPicker'></div>

JS

$('#colourPicker').ColorPicker({
  onChange: function(hsb, hex, rgb){
    $("#full").css("background-color", '#' + hex);
  }
});

im using this jquery plugin which is a colorpicker, but i was wondering when the user chooses the color, where is the color hex value stored, so i can process it and put it in the database. thanks

this is the link for the jquery plugin:
http://www.eyecon.ro/colorpicker/

HTML

<div id='colourPicker'></div>

JS

$('#colourPicker').ColorPicker({
  onChange: function(hsb, hex, rgb){
    $("#full").css("background-color", '#' + hex);
  }
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

◇流星雨 2024-10-08 11:15:11

它存储在 onchange 事件中包含的 hex 参数中。 您已经在使用。

$('#colourPicker').ColorPicker({
    onChange: function(hsb, hex, rgb) {

        // communicate with server here, probably with $.ajax
        // and save the hex argument.

        // Alternatively, you could set the value of a hidden input
        // here and submit a form afterward.

        $("#full").css("background-color", '#' + hex);
    }
});

设置隐藏输入值的示例

HTML

<input id="hiddenHex" name="hiddenHex" type="hidden" value="" />

JS/jQuery

$('#hiddenHex').val(hex);

It is stored in the hex argument included in the onchange event. The one you are already using.

$('#colourPicker').ColorPicker({
    onChange: function(hsb, hex, rgb) {

        // communicate with server here, probably with $.ajax
        // and save the hex argument.

        // Alternatively, you could set the value of a hidden input
        // here and submit a form afterward.

        $("#full").css("background-color", '#' + hex);
    }
});

Example of setting a hidden input value

HTML

<input id="hiddenHex" name="hiddenHex" type="hidden" value="" />

JS/jQuery

$('#hiddenHex').val(hex);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文