獲取colorpicker輸入值並將其用於url查詢？

Question

我有一個jQuery 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" /> 

Answer 1

這可以告訴你你的價值

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; 
}