1

訪問者が変更できる jQuery カラーピッカーがあり、理解しようとしています。URL クエリとして使用できるように、入力/選択した値を渡すにはどうすればよいですか?

私が今持っているものでは、カラー ホイールをクリックして入力に 16 進コード ( など#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" />
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;

color-demo の onChange が発生したときに、上記の 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 に答える