jquery-plugins - 使用 DropKick jQuery插件创建一个上的变更回调

  显示原文与译文双语对照的内容
0 0

我正在使用优秀的 DropKick jQuery插件插件,作为网站上搜索工具的一部分。 DropKick正在设置用户选择要搜索的网站的选择框。 Google自定义搜索正在使用,我已经经通知DropKick改变隐藏'#cx'字段的值- #cx 字段告诉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代码的更改是什么? 我已经把我的知识限制在这了 !

感谢你的帮助。

cheers!

时间:原作者:1个回答

0 0

更改操作方法与更改任何其他属性一样简单。 所以在你的。变更方法中,只需要做一个检查,并更改符合。

这里的是个

$('.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);
 }
});
原作者:
...