获取颜色选择器输入值并将其用于 url 查询


Get colorpicker input value and use it for url query?

我有一个 jQuery 颜色选择器,访问者可以更改它,我正在尝试弄清楚,我如何传递他们输入/选择的任何值,以便我可以将其用作 url 查询?

使用我现在所拥有的,您可以单击色轮以获取输入中的十六进制代码(例如 #ffffff ),或者您可以将其键入输入,但我需要做的是获取此值并创建一个链接到网站 url 加 ?color=#ffffff 的链接。 我可以在颜色选择器旁边创建一个链接来执行此操作,但我不知道如何让它链接到访问者在颜色输入中选择的任何内容。

这是实时站点: http://www.brainbuzzmedia.com/themes/vertex/

以下是输入的 html:

<input type="text" name="color-demo" id="color-demo" value="#ff0000" class="colorfield regular-text" data-hex="true" />

这可以显示您的价值

alert(document.getElementById('color-demo').value);

因此,只需将其添加到您的链接中:

<a href="" id="mylink">LINK</a>

喜欢这个:

document.getElementById('mylink').href += document.getElementById('color-demo').value;

上面的 JS 代码应该在 onChange 时调用颜色演示触发。例如,更改:

<input id="color-demo" class="colorfield regular-text" type="text" data-hex="true" value="#ff0000" name="color-demo">

<input id="color-demo" class="colorfield regular-text" type="text" data-hex="true" value="#ff0000" name="color-demo" onChange="myfun()">

并创建myfun():

function myfun()
{
document.getElementById('mylink').href += document.getElementById('color-demo').value;
}