![](/img/trans.png)
[英]I need to fire leave event on bootstrap multi select but i can not also click even not working
[英]Bootstrap Multi select search clear button click event not working
我正在使用带有搜索启用选项的引导多选择器。
我试图在单击 X 按钮时取消选择所有选定的项目。 但我无法处理此按钮的点击事件。
请帮助或建议更好的方法来做到这一点。
这是示例代码:
<select id="multiselect-users" name="users[]" multiple="multiple">
<option value="1">User1</option>
<option value="2">User2</option>
</select>
<script type="text/javascript">
$('#multiselect-users').multiselect({
enableFiltering: true
});
// .multiselect-clear-filter is X button class. This button is part of bootstrape-multiselect if you enable filter
$(document).on('click', '.multiselect-clear-filter', function(){
// not working :(
alert('test');
});
</script>
我想在单击此 X 按钮时取消选择所有选定的项目。
您真正期望的是,当您单击一个select option
时,会显示一个警报。
但是这个事件的名字不叫'click'而是叫'changed':
$(document).on('change', '#multiselect-users', function(){ // woking:) alert('test'); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id="multiselect-users" name="users[]" multiple="multiple"> <option value="1">User1</option> <option value="2">User2</option> </select>
此外,您应该将此事件添加到select
标签而不是.multiselect-clear-filter
。
我不得不说一些关于:
$('#multiselect-users').multiselect({
enableFiltering: true
});
部分。 启用此功能后, change
事件是否不起作用。 但我想也许这个函数来自另一个库。
希望这可以帮助!
您好您也可以试试这个选项
$('#multiselect-users').multiselect({
includeFilterClearBtn:true
});
试试下面的代码:
$('.multiselect-clear-filter').click(function () {
$('#myDropDown option:selected').each(function () {
$(this).prop('selected', false);
})
$('#myDropDown').multiselect('refresh');
});
注意:不要将其包含在$(document).Ready()
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.