1

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

使用我现在所拥有的,您可以单击色轮以在输入中获取十六进制代码(例如#ffffff),或者您可以将其输入到输入中,但我需要做的是然后获取此值并创建一个链接链接到网站的 url plus ?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" />
4

1 回答 1

2

这可以显示你的价值

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

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

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

像这样:

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

当 onChange for color-demo 触发时,应该调用上面的 JS 代码。例如,更改:

<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;
}
于 2012-06-23T12:34:28.600 回答