大佬教程收集整理的这篇文章主要介绍了jquery – 在bootstrap-select中单击以选择和取消选择单个下拉列表，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
现在,当我点击一个选项它应该被选中,因为它工作正常,但是当我点击相同的选项时,它应该取消选择同时点击和Enter按键事件它是如何工作多个选择我只是想要相同的方式单选.
我已经尝试了以下代码来选择和取消选择单击事件它工作正常,但当我尝试用键盘输入键时,它甚至没有被选中.
任何帮助赞赏:-)
$('.SELEctpicker').SELEctpicker({
liveSearch:true,showTick:true
});
$(document).on('click','.dropdown-menu li',function(event){
if($(this).hasClass('active')){
$(this).parent().prev('div').parent().next('SELEct').SELEctpicker('val',''); }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudFlare.com/ajax/libs/bootstrap-SELEct/1.12.4/js/bootstrap-SELEct.min.js"></script> <link href="https://cdnjs.cloudFlare.com/ajax/libs/bootstrap-SELEct/1.12.4/css/bootstrap-SELEct.min.css" rel="stylesheet"/> <SELEct class="SELEctpicker"> <option>Mustard</option> <option>Ketchup</option> <option>Relish</option> </SELEct>
$('.SELEctpicker').SELEctpicker({
liveSearch:true,function(event){
if($(this).hasClass('active')){
$(this).parent().prev('div').parent().next('SELEct').SELEctpicker('val',''); }
});
$(document).bind("keyup",".dropdown-menu li",function(E){
var activeIndex = $(".dropdown-menu li.active").data('original-index');
var SELEctedIndex = $(".dropdown-menu li.SELEcted").data('original-index');
if(e.which == 13){
if(SELEctedIndex == activeIndeX){
$(".dropdown-menu li.active").find("a").trigger('click');
} else {
$(".dropdown-menu li.active").removeClass('active').find("a").trigger('click');
}
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudFlare.com/ajax/libs/bootstrap-SELEct/1.12.4/js/bootstrap-SELEct.min.js"></script> <link href="https://cdnjs.cloudFlare.com/ajax/libs/bootstrap-SELEct/1.12.4/css/bootstrap-SELEct.min.css" rel="stylesheet"/> <SELEct class="SELEctpicker"> <option value='1'>Mustard</option> <option value='2'>Ketchup</option> <option value='3'>Relish</option> </SELEct>
以上是大佬教程为你收集整理的jquery – 在bootstrap-select中单击以选择和取消选择单个下拉列表全部内容，希望文章能够帮你解决jquery – 在bootstrap-select中单击以选择和取消选择单个下拉列表所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。