我有一个 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;
}