Dropkick JQueryプラグインで複数の変更コールバックを作成する
-
12-12-2019 - |
質問
私は優れたウェブサイト上の検索施設の一部としてDropkick jQuery Plugin を使用しています。Dropkickは、ユーザーが検索するWebサイトを選択するために使用する選択ボックスをスタイリングしています。Googleカスタム検索が使用されていますが、隠しされた「#cx」フィールドの値を変更するようにDropkickに成功しました - #CXフィールドはGoogleに使用するために検索するGoogleに指示しています。
HTML:
<form action="http://example1.com/search/" method="get" id="cse-search-box">
<fieldset>
<input type="hidden" name="cx" id="cx" value="custom_search_account_1" />
<input type="hidden" name="cof" value="FORID:11" />
<input type="hidden" name="ie" value="UTF-8" />
<div class="keywords">
<label for="keywords">Search</label>
<input type="text" name="q" id="keywords" class="search text" />
</div>
<select name="dk" class="dk">
<option value="custom_search_account_1">Search website 1</option>
<option value="custom_search_account_2">Search website 2</option>
<option value="custom_search_account_3">Search website 3</option>
</select>
<input type="image" class="button" src="imgurl" alt="Search" name="sa" />
</fieldset>
</form>
.
ここでは、ユーザーが選択した検索エンジンに応じて隠し '#cx'フィールドの値を変更する作業jQueryコードです。
$('.dk').dropkick({
change: function (value, label) {
var x = $(this).val();
$('#cx').val(x);
}
});
.
それはすべて素晴らしいです。ただし、フォームアクションもユーザーの選択に基づいて変更する必要があります。このプラグインを使用してこの可能性がありますか?もしそうなら、jQueryコードへの変更は何をする必要がありますか?私はすでにこれで私の知識の限界を押しました!
あらゆる援助をおかげでありがとうございました。
歓声
解決
アクション方法の変更は、他の属性を変更するのと同じくらい簡単です。 そのため、.changeメソッドでは、単にチェックを行い、値に適合するアクションを変更します。
$('.dk').dropkick({
change: function (value, label) {
var x = $(this).val();
var action;
$('#cx').val(x);
if (x == 'custom_search_account_1') { action = 'action1'; }
else if (x == 'custom_search_account_2') { action = 'action2'; }
else if (x == 'custom_search_account_2') { action = 'action2'; }
$('#cse-search-box').attr('action', action);
}
});
. 所属していません StackOverflow