2015-10-14 66 views
1

使用选择2插件进行选择。我的问题很简单 - 我不希望在清除选项时显示下拉列表。选择2 - 清除选项后禁用下拉菜单

这里是我的代码:

<select class="select2-test" style="width: 20%;"> 
 
\t <option value=""></option> 
 
\t <option value="option1">Option 1</option> 
 
\t <option value="option2">Option 2</option> 
 
</select> 
 

 
<script> 
 
$('.select2-test').select2({ 
 
\t placeholder: "Choose 1 option", 
 
\t allowClear: true 
 
}); 
 
</script>

我试图从select2.min.js删除此行:

this.on("close",function(){a.$container.removeClass("select2-container--open")})

但它 没有帮助 - 下拉列表不会显示后使用一次。任何帮助将不胜感激。 :)

回答

1

我建议你不要编辑原始的js文件夹。 顺便说一句,你可以使用这个,触发点击:

$('select')。select2(“close”);

或者您可以使用事件选择2去除或/和选择2层去除,这是一个更好的解决方案,我认为(与event.preventDefault或返回false,只要你想)。

+0

你能告诉我一些event.preventDefault的例子吗?我试过这样的:$(“。select2-selection__clear”)。click(function(event){ \t event.preventDefault(); });但它没有工作。 – JohnnyXecutor

+0

我在这里找到了这个例子:http://select2.github.io/select2/在部分占位符它工作,因为我想清除选项后。但为什么? – JohnnyXecutor

+0

对不起,如果我误解了一些东西,但是,你想要哪种类型的选择?多选还是单身? – KCarnaille