0

私は現在、Blogger ラベルを模倣するドロップダウン/データリスト値をフォーム内に持つことで機能する Blogger 検索機能を持っています(ここでプレビュー)。「検索」をクリックすると、スクリプトは、ユーザーが短い形式で選択した値 (ラベル) を含む URL を生成し、次のようにすぐにそのリンクに移動します。

<script>
function process()
{
var url="http://couleurstransmogrify.blogspot.com.au/search/label/" + document.getElementById("Colour").value + "+" + document.getElementById("Item").value + "+" + document.getElementById("Class").value;
location.href=url;
return false;
}
</script>

<div id="SearchBox">
<div style="padding-bottom:3px;"><font color="#000000">Search</font>ing is as easy as 1, 2, 3...</div>
<form onsubmit="return process();">
<input type="text" name="Colour" id="Colour" value="COLOUR" list="datalist1" onfocus="if(this.value == 'COLOUR'){this.value = '';}" onblur="if(this.value == ''){this.value='COLOUR';}" />
<input type="text" name="Item" id="Item" value="ITEM" list="datalist2" onfocus="if(this.value == 'ITEM'){this.value = '';}" onblur="if(this.value == ''){this.value='ITEM';}" />
<input type="text" name="Class" id="Class" value="CLASS" list="datalist3" onfocus="if(this.value == 'CLASS'){this.value = '';}" onblur="if(this.value == ''){this.value='CLASS';}" /><br />
<input type="submit" id="Search" value="SEARCH" />
</form>
<datalist id="datalist1">
<option value="All" />
</datalist>
<datalist id="datalist2">
<option value="All" />
</datalist>
<datalist id="datalist3">
<option value="All" />
</datalist>
</div>

これで問題ありませんが、フォーム内にラジオ ボタンの値 (またはチェックボックスの値など、より簡単なもの) を含む別の関数を追加したいと考えています。

目標は次のいずれかです。

>>>>には、「Animated」と「All」という値を持つ 2 つのラジオ ボタンがあります。選択したラジオ ボタンに応じて、 (URL)/search/label/All+All+All+Animated * OR (URL)/search/label/All+Allのように、値が URL の末尾に追加されます。 +すべて+すべて*

何かのようなもの：

Animated Only? <input type="radio" name="Animated" id="Animated" value="Animated" /> Y <input type="radio" name="Animated" id="Animated" value="All" /> N

また

b >>>> CHECKED の場合は「Animated」という値のチェックボックスがあり、UNCHECKED の場合は値がありません。上記と同じ目的で、次の URL が生成されます:

  • "All+All+All" - 最初の 3 つの 'All' は現在、データリストの唯一の値です。この投稿をできるだけ短くするために、値/ラベルの完全なリストを削除しました。

結果のフォームでは、訪問者がフォーム内の複数の事前定義されたラベル (値) と、「すべての」アイテムまたは「アニメーション」アイテムのみを検索するオプションによって、私の Web サイトを検索できるようにする必要があります。

これが理にかなっていることを願っています。どんな助けでも大歓迎です - 私はこれがこのサイトの JavaScript の専門家にとって簡単な修正になると確信しています. サイト上の多くの解決策からこれを理解しようと数夜を費やしたことを厳粛に誓いますが、関連するビットを引き出して新しい脚本。

4

0 に答える 0