im使用select2 libary为我的搜索。
http://ivaynberg.github.io/select2/
有没有办法在选择搜索结果后触发一个动作?例如打开弹出窗口或简单的js警报。
有没有办法在选择搜索结果后触发一个动作?例如打开弹出窗口或简单的js警报。
$("#e6").select2({ placeholder: "Enter an item id please",minimumInputLength: 1,ajax: { // instead of writing the function to execute the request we use Select2's convenient helper url: "index.php?r=sia/searchresults",dataType: 'jsonp',quietMillis: 3000,data: function (term,page) { return { q: term,// search term page_limit: 10,id: 10 }; },results: function (data,page) { // parse the results into the format expected by Select2. // since we are using custom formatting functions we do not need to alter remote JSON data return {results: data}; },},formatResult: movieFormatResult,// omitted for brevity,see the source of this page formatSelection: movieFormatSelection,see the source of this page dropdownCssClass: "bigdrop",// apply css that makes the dropdown taller escapeMarkup: function (m) { return m; } // we do not want to escape markup since we are displaying html in results });
解决方法
请参阅
documentation或
further details section on events中的事件部分。
根据版本,下面的代码片段应该给你所需的事件,或者只是用“更改”替换“select2-selection”。
版本4.0
事件现在采用格式:select2:选择(而不是select2选择)
感谢snakey的通知,这已更改为4.0
$('#yourselect').on("select2:selecting",function(e) { // what you would like to happen });
版本4.0之前
$('#yourselect').on("select2-selecting",function(e) { // what you would like to happen });
为了澄清,select2选择的文档:
select2-selecting
Fired when a choice is being selected in the
dropdown,but before any modification has been made to the selection.
This event is used to allow the user to reject selection by calling
event.preventDefault()
而变化有:
change
Fired when selection is changed.
因此,更改可能更适合您的需要,这取决于您是要选择完成,然后执行您的事件,或潜在地阻止更改。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。