获取colorpicker输入值并将其用于url查询？

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个jQuery colorpicker，访问者可以改变，我想弄清楚，我怎么能通过他们输入/选择的任何值，以便我可以使用它作为一个url查询？获取colorpicker输入值并将其用于url查询？

与我现在所拥有的一样，您可以单击色轮以在输入中获取十六进制代码（例如#ffffff），或者只需将其输入到输入中，但我需要做的是将此价值，并链接到该网站的链接加上?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; 
}

以上是 获取colorpicker输入值并将其用于url查询？ 的全部内容， 来源链接： utcz.com/qa/266506.html

回到顶部